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Reseller Includes: 

¢ Unlimited Lightning-Fast UK Web Space 

¢ FREE and UNLIMITED 24/7/365 phone and E-mail support 
* 2 Virtual Servers included * Additional VS £25 per Year 

¢ State-of-the-Art Data Centre * High Speed Connections 

¢ Unlimited POP3 E-mail Boxes * Detailed On-line Help 

* Regular Tape Backups * Additional Options Available 

* SAME HOUR SETUP 
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EXTRA PER YEAR 


E-Commerce Only: 

* All of the above plus 

* Shopping Cart Solution, pre-installed, fully integrated with 
secure server and ready to run 


State-of-the-Art Data Centre 

Our state-of-the-art data centre is located within our facility in 
Nottingham. It houses our network of over 4000 servers. With 
multiple connections to the net, fire protection and backup 
generators, we are in a position to offer you the reliability and 
stability you have been dreaming of! 


"The new MyServerWorld 10.0 represents a 
quantum leap in control panel technology - 
nobody else can offer these features or 
functionality" 
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* Design Your Own Control Panel Skins 100% Branded to 
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* Design Your Own Web Hosting Packages and Change 
Them in Real Time 

* Full Customer Management System - Free of Charge! 

* New Web Site Statistics With Graphical Reports 

* Powerful On-line Mail Client 

* Back Up Your Web Site & Manage MySQL Features On-line 

* New Data Transfer Manager 

* Web Site Link Checker & HTML Validator 

¢ 500 Free Subdomains and 25 Free Accounts 

* Many More New Features! 


24 / 7/365 FREE Technical Support 

All WebFusion hosting packages come complete with 
24/7/365 free telephone and e-mail technical support, plus an 
extensive online help and information system. Unlike our 
competitors, we believe in providing the very best after sales 
care and technical support. 
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123-reg delivers a totally automated service with the lowest prices in the World, guaranteed! Stunning price includes: 


Web based control panel » Web forwarding * Change name servers * Holding page wizard 

Catch-all e-mail forwarding * 100 e-mail forwarding addresses * Full domain & renewal management 
Change IPS tags (UK domains) » Change Contact Details » Display and e-mail invoice 

Manage your own DNS * Domain name locking » Affiliate scheme * No transfer out fee 


Additional services include: Domain Watchers, POP3 and Sub-domains, Pre-register for new TLDs. 
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The 123-reg site builder is a clear market leader in terms of features and functionality, having been developed purely 
with our customers in mind. Exclusive to 123-reg, this new low-cost service allows anyone to build and maintain a 
professional looking web site in minutes; no knowledge of programming required! 


Includes all the necessary tools required to create and update a web site, such as over 100 designs, templates, an 
intuitive editor, tables, forms and multimedia capabilities. The product is ideal for people and companies who want to 
establish an on-line presence but don't want to get immersed in development or high costs. 


123-reg manages its own UK based data centres, with state-of-the-art security and all the backup facilities you would 
expect from a market leader. Your site will be hosted on a high-end server and be totally under your control via our 
easy to use control panel. Choose from two great packages that will keep your web sites on-line...all the time! 


Regular: 
250 MB for £2.99+ per month, 1 GB data transfer (bandwidth) per month, CGI/Perl, on-line file manager, 10 POP 3 
accounts, Webalizer statistics, Unlimited e-mail forwarding addresses. 


Xtra Large: 
500 MB for £4.99+ per month, 2 GB data transfer (bandwidth) per month, CGI/Perl, on-line file manager, 25 POP 3 
accounts, Webalizer statistics, Unlimited e-mail forwarding addresses. 
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National Association of 
Photoshop Professionals 


The most powerful tool for Adobe Photoshop 
doesn’t come in the box 


To get good at Photoshop you have to think outside the box. To get really “Photoshop-guru, crazy-good,” join the National Association 
of Photoshop Professionals (NAPP). It’s the world’s most complete resource for Photoshop training, education, and news. And when it 


comes to getting really good at Photoshop, it’s the right tool for the job. 


NAPP MEMBER BENEFITS INCLUDE: 


+ Free subscription to Photoshop User, 
the award-winning Adobe Photoshop 
“how-to” magazine 


+ Get special member deals on everything 
from color printers to software upgrades to 
Zip disks, and everything in between 


+ Exclusive access to NAPP’s private mem- 
bers-only Web site, loaded with tips, tutori- 
als, downloads, and more 
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professional certification and recognition 
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+ Free Photoshop tech support from our Help 
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The National Association of 
Photoshop Professionals 


The Photoshop Authority 


One-year membership is only °99 (US. funds) 
Call 800-738-8513 (or 813-433-5000) 
or enroll online at www.photoshopuser.com 


For more info on NAPP, visit www.photoshopuser.com 


Corporate and International memberships available. 
Photoshop and Adobe are registered trademarks of Adobe Systems, Inc. 
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Photoshop and... 


Photoshop is without doubt the most versatile tool any creative 
will ever touch. Whatever the situation, you won’t be able to live 
without it. It has a use in each and every field... 


artist can live without. From its humble 

beginnings as a digital darkroom, the tool 

has embraced not only photographers but 
illustrators, digital artists and Web designers alike. The 
rise of the popular PSD file format, now supported by 
virtually every major application, provides a wealth of 
advantages including multiple layers, opacity and 
blending mode support, and, in recent times, vector 
text and shapes. 

For illustrators and digital artists, Photoshop 
provides some excellent natural media and drawing 
tools, as well as stunning integration with Adobe 
Illustrator — meaning you can switch between vector 
and bitmap editing with the minimum amount of fuss. 
In fact, it remains true that you can drag and drop 
images from one app to another without losing 
valuable aspects such as opacity, layer masks and 
blending modes. 

For 3D artists, Photoshop is just as important — 
providing a wealth of tools for creating and editing 


P hotoshop has become the tool that no digital 


textures, as well as a feature set enabling the 3D artist 
to confidently post-process a render. 

Web designers revel in the stunning Photoshop and 
ImageReady Web-based features, which since being 
introduced in version 5.5 have become the standard in 
crunching graphics for Web distribution. Video editors 
and compositors find Photoshop similarly important — 
titles, motion graphics and logos often beginning in 
Adobe's app. Finally, with the introduction of InDesign 
2, page layout artists have a solution enabling them to 
retain important Photoshop image elements such as 
transparency and blending modes, without flattening 
the image manually before export. 

Over the next pages, we look at how Photoshop 
integrates with certain tools, and benefits the lives of 
those working with them. From Cinema 4D to After 
Effects, Photoshop is valuable in all design situations. 


=) Expertise provided by Rob Carney, reviews editor of 
Computer Arts. [e] robert.carney@futurenet.co.uk. 
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Photoshop and... Illustrator 


combining raster and vector graphics. .. 


f llustrator is one of the industry 

f standard tools for creating vector 
illustrations, so you might think that 
integration with the industry standard 
bitmap editor wouldn't be so hot, purely 
because of the different mediums. But 
oh, how wrong you'd be. 

Illustrator is indeed a highly 
sophisticated vector illustration tool, and 
has excellent integration with 
Photoshop. One of the best, and indeed 
most useful, features is /[lustrator’s 
ability to preserve masks, blending 
modes, transparency, and even convert 
layers to separate Illustrator objects. For 
Web work, /llustrator supports the 
import of Image Maps and Slices. 

The ability to preserve masks means 
that you can importa PSD file into 
Illustrator, and convert layer masks 
(Photoshop) into opacity masks 
(Illustrator) — making it possible to 
recreate clipping techniques in 
Illustrator without having to re-mask. 
Transparency preservation and the 
ability to retain Photoshop blending 
modes, makes bringing bitmaps into 


Adobe 


2.0 


eng tim fr pfen ar d enge 


prcoences 


1 Here are the original graphics that are 
going to form the basis of our 


InDesign layout document. None of the 
will be preserved when we import 
es into InDesign, but the app will 
ognise transparency and blending 
»des in the graphics, 


Illustrator for further vector editing and 
illustrative additions as easy as it should 
be. For Photoshop integration, /llustrator 
beats FreeHand hands down. 

When it comes to exporting 
illustrations back to Photoshop for post- 
processing, /llustratoris just as, if not 
even more, impressive. 

When exporting artwork from 


Drag-and-drop functionality makes Illustrator and Photoshop the ideal tools for 


Illustratorto Photoshop, you have many 
choices. As wellas specifying resolution, 
colour mode and anti-aliasing, /llustrator 
enables you to export /llustrator layers to 
Photoshop layers (handy for post- 
processing objects in the latter), export 
compound shapes to Photoshop vector 
shapes, and export editable text, hidden 
layers, Image Maps and Slices. 


How to transfer artwork from raster to vector, and back again... 


Ge Here's the graphic we want to take 
over to ///ustrator to add some vector- 
based elements. Notice that this image 
contains a variety of blending modes and 
contains many layer masks. Save the image 
out as a multilayered PSD file using the 
normal File>Save command. 


a In Illustrator, go to File>Open. Browse 
to the PSD file you've just saved. In 
the dialog that appears, choose Convert 
Photoshop Layers to Objects. Notice how 
transparency, blending modes and masks 
are all preserved. Add your vector graphics 
as you wish on a new ///ustrator layer. 


2) Finally, it's time to export the whole 
lot back to Photoshop for applying 
further effects and editing. ///ustrator has a 
comprehensive Photoshop Export dialog, 
enabling you to define resolution, anti- 
aliasing and hidden layer export. Check the 
Anti-aliasing box, and choose 300dpi. Now 
open up the image in Photoshop, and find 
yourself with a new vector layer. 


Photoshop and... InDesign 


The combination of Photoshop and InDesign makes a QuarkXPress workflow 


look positively ancient... 


dobe /nDesign hasn't exactly 

taken the publishing industry by 
storm; the company’s so called ‘Quark- 
killer’ not penetrating the industry as it 
would have hoped. Even so, Photoshop 
and /nDesign, as professional design 
and layout tools, are an awesome 
pairing, giving you an unprecedented 


ie sine 


2 | To get a file into InDesign, simply 
create a picture box and go to 
File>Place (or hit Command+D). To get a 
better preview of your Photoshop image, 
Control or right-click and choose High 
Quality from the Display Performance menu. 


amount of control over your designs. 
First, like most of Adobe's tools, 
Photoshop and InDesign have complete 
drag-and-drop functionality. This means 
you can literally (bear in mind that you 
should have your colour workflow set up 
correctly) drag and drop an image from 
Photoshop onto an InDesign page. 


Quickly mock up pages complete with transparency and blending modes... 


InDesign is suitable for basic 

compositing work, thanks to its native 
transparency and blending modes. Import a 
second graphic into the app, and use the 
transparency and blending mode options to 
get the right effect. Think how long this 
would take in Xpress in comparison. 


You can also import native Photoshop 
graphics into /nDesign in the normal 
way. This doesn't sound like much, but 
bear in mind that Xpress, at the moment, 
doesnt support native PSD files. 

So what are the benefits of working 
with a PSD rather than a TIFF or EPS? 
Well, for a start, you no longer need to 
flatten an image to bring it into your 
DTP application. /nDesign will 
automatically flatten PSD files when 
importing them, but the original file 
remains editable across many layers. 
This means that if, when you import a 
graphic into InDesign, it looks wrong, 
you can altera single Photoshop layer, 
save the file, and /nDesign will update 
the changes. Much handier than 
working on an original PSD, saving out 
to TIFF, going back to the PSD and so 
on. Of course, PSD files also support 
clipping paths. /nDesign will even 
enable you to alter the clipping path — 
eliminating the need for time-sapping 
tweaks and corrections in Photoshop. 


Photoshop and... After Effects 


Professional motion graphics almost always begin in Photoshop or Illustrator 
before being taken into After Effects... 


a A fter Effects continues to be the 
ie choice of motion graphics 
professionals everywhere. Without 
Photoshop, however, many creative 


professionals would be severely limited. 


Many motion graphics artists will 
start in /llustrator or Photoshop. Often, 
if logos and titles are not being created 
from scratch, clients are going to 
supply bitmap images. Let’s face it, the 
less graphic-savvy in this world don't 
know the difference between a 5K GIF 
and a 5MB TIFF when it comes to 
supplying images for video work. This 
means that Photoshop is important 
from the beginning to tune up bitmaps 
ready for import into AE. Incidentally, 
After Effects supports layered PSD 
files, which means you can import a 
PSD file, choosing the layer you wish to 
bring in. In addition, you can import 
multilayered Photoshop documents 
as multilayered compositions. 

But the integration between PSand 
AE runs much deeper than the ability to 
import PSD files. After Effects supports 
alpha channels within Photoshop 


documents. This makes it possible to 
display only the area of an image you 
wish to — without having to bother with 
complex masking techniques. Creating 
a selection in Photoshop is easier than 
in After Effects if working on what is, to 
begin with, a still graphic. Simply save 
the selection as a channel in Photoshop 
and import the file into AE—a dialog 
enables you to choose what to do with 


AE enables you to import a multi-layered PSD file for titles and motion graphics... 


@ After Effects enables you to import 
multi-layered Photoshop documents 
and Compositions. It's extremely easy to 
get Photoshop files into AE - simply go to 
File>Import>File and navigate to your 
graphic. In the dialog that appears, choose 
Import file as Composition. 


the alpha channel — ignore it, import it 
straight, or import it premultiplied with a 
user-defined colour. 

After Effects also supports Photoshop 
layer styles, layer masks, and enables 
you to create a Filmstrip file for frame- 
by-frame editing and rotoscoping in 
Photoshop, or export an individual PSD 
file with After Effects layers being 
translated into Photoshop layers. 
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2] The Photoshop graphic will appear as a 
number of layered files in a folder, in 
your project bin. Select the folder and drag it 
onto your timeline. Notice your Photoshop 
layers sit in the same order in the AE timeline 
as they did in the PS Layers palette. 


3 | You can now individually animate 
your original Photoshop layers, 
adding effects if necessary. If you decide 
you want a still from the footage, you can 
export a multilayered PSD file out from 
After Effects by selecting a frame, and 
going to Composition>Save Frame 
As>Photoshop Layers. 


Photoshop and... Cinema 4D 


If you're creating professional textures, or making tweaks to final renders or 
frames, Photoshop is the ideal 3D companion... 


HC inema 4D works particularly well 
{Mi with Photoshop, not only 
providing a wealth of texture tools (in 
the form of the Body Paint module) that 
complement Photoshop's image- 
editing toolset perfectly, but also 
enabling you to export your renders as 
multilayered PSD files. 


Undoubtedly, Photoshop is an 
excellent tool for creating and 
manipulating textures. Filters are 
particularly good for producing bump 
maps, and the new natural-media tools 
found in version 7 enable the quick 
production of realistic textures. The 
Healing and Patch tools remove 


Cinema 4D R8's multi-pass rendering in action... 


Photoshop is extremely useful for 

creating textures like the one shown 
here — the new natural media brushes are 
an important new Photoshop tool for 3D 
artists. The Healing and Patch tools are also 
useful for ironing out texture blemishes. 


EI 
2) But the real benefit of using C4D with 
Photoshop is the ability to create 
multi-pass renders. In the Cinema 4D 
Render settings dialog, select the Multi- 
Pass tab. Make sure the Enable Multi-Pass 
Rendering is checked and select the 
channels you wish to render. Make sure 
you've specified an image save path. 
Change the format to PSD. 


Open up the render in Photoshop and 
you'll notice there are many layers — in 
fact, the same number as the number of 
channels you specified earlier in Cinema 4D. 
You can tweak individual layers, including 
lights, shadows and colours until the image 
is to your (or the client's) satisfaction. 


blemishes from texture files easily. Of 
course, these rules apply to any 3D 
package, not just Cinema 4D. 

One of the best examples of 
Maxon/ Adobe integration though, is 
the multi-pass rendering found in 
Cinema 4D (from version 7 upwards). 
This excellent feature enables you to 
render out your scenes as multilayered 
PSD files. For instance, you can choose 
to render out your scene with lights, 
specularity, shadows, colours and so on 
on different layers. This means, when 
you get into Photoshop, tweaking 
rendered elements becomes much 
easier. Image-editing tasks that could 
have taken weeks can be completed in 
about half the time. Hundreds of re- 
renders are no longer necessary. This 
feature also means you can apply filters 
and effects to individual scene 
elements. You may want to apply a blur 
to just the shadows in your scene — not 
a problem, just fire up the Gaussian blur 
and apply it to the Shadows layer only. 
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~ Photoshop and... Final Cut Pro 


Titles, bitmap images, video effects — no video editor on any platform should be 


without a copy of Photoshop. .. 


) E} very video editor needs a good 

{i image editing application. Final 
Cut Pro is almost certainly the best NLE 
available for the Mac, and is the reason 
more and more editors are switching to 
the Mac platform. 

Apple's tool also has excellent 
compatibility with Adobe Photoshop, 
offering Photoshop users the ability 
to import multilayered Photoshop files. 
This is a common feature in many 
applications now, due to the rise of 
Adobe's package as the image editor. 
However, ina video-editing 
environment, this feature is 
extremely important. 

When you choose to import a 
multilayered Photoshop file into a Final 
Cut Pro 3 bin, the application creates a 
Sequence with all Photoshop layers 
composited together on separate 
tracks. This means that essentially your 
image will look the same as it did in 
Photoshop, only you can animate layers 
individually. At version 3 though, Final 
Cut Pro only supports Photoshop 3 


features. This means you won't be able 
to import layer styles and the like, but 
files will retain opacity, composite 
modes, layer order, and layer name. 
Final Cut Pro is a non-destructive 
system. This means it reads from clips 
rather than directly editing them from 
your HD. Ina similar manner, you can 


assign Photoshop as the standard 
image editor for Final Cut Pro — the 


context-sensitive menu on the timeline 


enabling you to jump to Photoshop to 
quickly edit a graphic. Once you're 
done and you've saved your Photoshop 
image, Final Cut Pro automatically 
updates the graphic on the timeline. 


Easily import Photoshop graphics into Apple’s incredibly popular NLE... 


ae Open Final Cut Pro 3 and create a 
new project. Here, we have some 
video we've imported that needs some 
logos over the top, and some titles. We 
want our titles to be a little more complex 
than the FCP titler is capable of, so we've 
used Photoshop's Warp text feature. 


Photoshop and... GoLive 


£3 One of our logos/titles is a 
multilayered Photoshop file with 
blending modes and transparency. This isn't 
a problem for FCP though. Import the 
graphic, and notice a new sequence has 
been created in your bin. If you drag this 
onto the timeline, you'll see the Photoshop 
layers composited separately. You can 
animate layers individually if you wish. 


Import your warped text title and 

superimpose it over a clip on the 
timeline. This was originally set against 
black, so in order to reveal the video, you 
need to specify a screen blending mode. 
Command-click on the title and choose 
Multiply from the Composite mode sub- 
menu. If you're unhappy with your title, 
you can Command-click on it, open it in 
Photoshop and make changes. The file 
automatically updates when you save it out. 


With GoLives Smart Object technology, Photoshop and ImageReady prove 


invaluable tools for quickly tweaking Welb-destined graphics... 


lthough not currently the ‘number 
, one’ Web-authoring application 
(Macromedia’s Dreamweaverholds that 
title), GoLive has proved extremely 
popular over the years with Photoshop 
users wanting an easy way of getting 
their portfolio onto the Web. 
Adobe has worked hard on 

integrating these programs — after all, 


Photoshop is usually associated with 
huge, high-res files, and GoLive with 
small and crunched Web graphics. 

So Adobe came up with Smart 
Objects — a great solution for those a 
little less Web-savvy for getting great 
images into their sites. In theory, Smart 
Objects are simple. You drag and dropa 


Photoshop file into your HTML page, and 


Smart Objects make editing and updating Web graphics a cinch... 


Li GoLive works incredibly well with 
_ |? Photoshop — especially for those a 
little less experienced with optimising Web 

_ graphics and the fundamentals of HTML. 
Create a new page in GoLive by clicking on 
__ the New Page dialog on application startup. 


2 | Next drag and drop a Photoshop PSD 
from your desktop into the HTML 
page. GoLive automatically assigns a Smart 
Object tag to the image. You'll be taken 
into the Save For Web dialog. Choose a 
setting and save your optimised image. 
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3 | Now to see what GoLive is capable of, 
double-click the smart object icon in 
the GoLive Layout Editor. You'll be taken 
into Photoshop. Edit the graphic in any way 
you choose. You'll notice that the optimised 
image in your HTML page updates after 
you've saved the changes — you don't have 
to do anything apart from edit the original. 
Now that's clever. 


GoLive creates a Smart Object tag in the 
Layout Editor. The application asks you to 
specify a matte colour and then takes 
you to its own Save for Web dialog to 
optimise the image (thus saving 
optimisation time in ImageReady). It's a 
great time-saver for those wanting to 
quickly bash together pages. 

You then save the optimised image 
out as a target file — meaning GoLive 
now reads from the optimised file. Then, 
if you double-click the Smart Object tag 
in the GoLive Layout Editor, you can edit 
the file in its native application (in this 
case, Photoshop) and when you hit 
Save, GoLive updates the optimised 
‘target’ file with the changes. In addition, 
you can perform basic editing actions 
onan image (resize and so on) from 
within GoLive — without affecting the 
source file (only the target file). 

You can also import and convert 
multilayered PSD files to Floating 
Boxes (layers), and use a Photoshop 
image as a background image template 
for constructing your site. 


i A though high-res bitmaps aren't 
(wl 


Photoshop and... Flash 


Last but not least, Photoshop and ImageReaay are the ideal tools for 


prepping your Flash bitmaps... 


tools, and great design and mocking-up 
features. Photoshop's Save for Web 
feature has a number of excellent tools 
— enabling you to optimise a file to a 
specific file size, as well as save out in 
all the major Web file formats. 
ImageReady, as you may well know, 

has a dedicated Web toolset, featuring 
the ability to create Image Maps, 
Rollovers, animated GIFs (for when 


necessarily the best solution 
for bandwidth-dependant Flash 
content, Photoshop and ImageReady 
as a pairing are invaluable to any 
Flash artist. 

Of course, the main uses for 
Photoshop and ImageReady when 
designing content for Flash come in the 
form of some excellent optimisation 


Create vectorised video with Flash, Photoshop and a little patience... 


In After Effects, save your 

composition out as an Image 
Sequence, choosing the Photoshop format 
in the format options. Open up Photoshop 
and browse to the directory where you 
saved the sequence. 


3] In Flash, go to File>Import and choose 
the first image in your sequence. 

Flash should recognise that it's an image 
sequence and prompt you to import the 
whole thing. On the Flash stage select each 
frame individually, converting the bitmap 
into a more Web-friendly vector graphic by 
going to Modify>Trace Bitmap. You can, of 
course, add other elements over the top of 
your sequence as you go. 


2 | Open up each image (alternatively, 
you could set up an Action - this 
would be much quicker) and go to 
Image>Adjustments>Threshold and adjust 
the settings until you're satisfied with the 
amount of detail. The Action should include 
a Save for Web feature to make your 
bitmaps more Flash-friendly. 


What about the rest? 


There's just room to mention a few of the other applications 
that work particularly well alongside Photoshop. .. 


Within this feature we've looked at certain applications, and how Photoshop can be used with 
them to increase productivity and save valuable time. We haven't purposely excluded other 
applications that work well with Photoshop, there are just so many of them. 

Adobe LiveMotion is an example of a piece of software that integrates with Photoshop 
perfectly. With Adobe's Web animation app, you can import PSD files with layers and effects 
intact — making it a smooth transition between print and Web graphics. 

Then there's Premiere. This, as you would expect, also integrates beautifully with Photoshop, 
again having a range of import options that cut workflow times in half. Maya, 3ds max, Softimage 
and many more 3D applications support the PSD file format for textures and the like, and 
Photoshop works incredibly well with Painter 7— thanks to Procreate updating its app to support 
layers and CMYK colour space. 

Macromedia Director will happily take PSD files, and Fireworks, Dreamweaver and FreeHand 
will all benefit from Photoshop coming into the equation at some point in time. You can't escape 
the fact that no other tool quite matches up to Photoshop — in terms of image editing features and 


integration with other applications. [cars| 


Flash just isn't necessary) and more. 

One of the recent trends to emerge 
in Flash is vectorised video. Done the 
traditional way (that is, not using 
Wildform’s Flix), Photoshop is the most 
important tool in the design equation. 
Using Photoshop, you can importa 
Filmstrip file for frame-by-frame 
editing (from Premiere or After Effects) 
and then, using the Threshold feature in 
Photoshop, you ramp up the settings to 
make each of yourframes solid blocks 
of colour. You can then import these 
images into Flash as a sequence before 
turning each frame into a vector-based 
drawing. If each frame is optimised in 
Photoshop and saved out ina relevant 
format, filters can be applied to each 
frame for an After Effects type Flash 
movie. This is a time-consuming 
process though, and due to the high- 
concentration of bitmaps in your movie, 
content may only be suitable for 
Broadband delivery. 

Photoshop is, of course, an excellent 
tool for mocking up your Flash pages as 
well as your HTML pages. It enables 
you to line up and position buttons, 
text, and quickly check colours before 
tracing your final bitmap in Flash itself. 
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Photosnoo 


Create a variety of complex-looking and stylish effects using everyone’s 
favourite image-editing software... 


016 Spray-can effects 


Font foundry Identikal shows you how to combine a 
lo-res scan of a graffiti composition with a hi-res scan of a 
texture to bring street art to your computer 


018 First sketch and Paths tool 
020 Create the spray-can texture 
021 Working with layers 

028 Bringing it all together 


024 Realistic explosions 


George Cairns guides you through the process of transforming 
an everyday photograph into a spectacular action-packed 
movie scene, explosions and all 


026 Paths tool and layer masks 
027 Alpha channels and masks 
028 Creating the background scene 
029 Perfect explosions 


032 Scanner effects 


Create natural paint-splatter effects. Eat shows you how 
experimentation with saturation, layers and masks can lead to 
great abstract-expressionist graphic art 


034 Screen Texture Layers 
035 Crumpled paper effects 
386 Subtle colouring 

037 Working with layer masks 


040 Create a 3D landscape 


Take a giant leap forward with your masking-layer techniques. 
Jacey demonstrates how masks can be used to create 
complex-looking futuristic 3D landscapes 


p42 Layer masks for 3D work 

p43 Create a background layer 

p44 Refining elements in the foreground 
p46 Making it work together 
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Become a 
graffiti artist 


By using only one hi-res texture, one lo-res 
scan, and the simplest of tools in Photoshop 7, 
you can create a stunning piece of graffiti art! 


treet art has a massive 
influence on the graphic 
i i/ design scene. It affects the 

\ many different graphic 
disciplines, and touches all forms of 
design — just look in your local 
newsagent, on your LV, the Internet or 
your nearest record store. It's plain to see 
that the ‘graffiti style’ is becoming very 
popular indeed. and will soon dominate 
many visual campaigns. 

It's relatively simple to create images 
within this style, especially with 
Photoshop. By using only the Gaussian 
Blurfilter, the Paths tools, the Cloning 
tool, and the clever use of layers. we show 
you how to create a graffic illustration. 


We start this tutorial by sketching a 
typographic graff piece, to plan the 
overall composition. Then we show you 
the best way to ‘perfect’ your image, 
which is done by using the Paths tools in 
Photoshop like a drawing package such 
as FreeHand. 

After the perfection of the shapes. we 
use the cloning tool as a spray-can, to 
get that distinctive rough edge that 
graffiti art is famous for. And finally. we 
give tips on how to get great final 
touches to your overall piece. 

Dont get caught in the street breaking 
the law — follow ourtutorial and create 
cool graffiti pieces in the comfort of 
yourown studio! - 
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Part 1: First sketch 


Give yourself an easier task by preparing properly and sketching your composition first... 


Sample textures 


This is the most important part of 
the overall graffiti effect, in 
which you need a hi-res scan of a 
texture. The best way to do this is 
to take photos of textures found 
on the street, brick walls, paving 
slabs or elsewhere. Once you've 
got a good collection of sharply 
‘focused’ texture images, get 
them scanned. The best results 
are from hi-res drum scanners. 


a Draw an initial sketch and try to get it as close 2 | Once you're happy with the sketch of your 
as possible to how you want your final image composition, scan it in. You don't need to have 3 | Give more visibility to the finer lines of your 
to look. This will help you later on in the process. ahi-res scanner for this part, as the scan is only for sketch by giving the scan more contrast. This 


Our image reads ‘digital graffiti’. drawing guidance. makes it easier when tracing the illustration. 


Part 2: Paths to glory 


Treat the Path tools in Photoshop like a bonus vector drawing package! 


ge Now you need to clean up any other objects 
that you don't want to put in the final piece, as 
they may confuse you when drawing around the 


Use the Pen paths tool to draw around the 
shapes roughly, just like you would in 


scanned sketch. Once you're happy with the sketch Create a path layer, then find a good spot in Illustrator or FreeHand. The best idea is to start 
and the scan, you can go on to perfecting the your image to begin. You're now ready to drawing the letterforms of your image within your 
shapes themselves. begin perfecting the shape of your image. first path layer. 


4 | A good technique for getting quick accurate G Once you've drawn around the letterforms, G If you spot any wonky lines, editing them is 
results is to hold down the Option key while zoom out and check your paths are doing fine easily done by using the white Arrow tool. 
drawing. You will get straight lines, and decent by making the scanned image layer invisible, or Zoom in around the paths area to improve the bad 


curves, fast. overlaying the image with a white opaque layer. curves and straighten the lines. 
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WHAT OUR CUSTOMERS SAY 


“Absolutely fantastic, the CD’s 
have made sense of a very 
complex package’”’ 

Alex Shaw, Alex Shaw Art & Design. 


“Well done, absolutely brilliant, 


it’s made MAX so quick to learn” 
Andrew Gribbon, Multimedia Student. 
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Paths to glory continued... 


CMYK and 
contrasting colours 


Try to keep a simple colour 
palette — for example, red and 
yellow. Then add high contrasts 
of shades and tones of only the 
two colours you've selected. To 


give a sharper look, add dark 
contrasts by overlaying parts of 
the illustration with ‘multiplied’ 
textured layers. We recommend 
using CMYK rather than RGB, 
because it’s easier to handle - if 


you want more red in your image, 
simply take out the cyan and 
replace it with magenta, and add 
a little yellow. All this is easily 
done with the Photoshop 


channel mixer. 


Now you've checked each letter shape within 
the graffiti piece, create a new path. Start 


tracing the images on the outer areas. The new 8 | Zoom in closely on the details of your 
‘outer graphic’ path will give you the option to give letterforms, and check your paths one last time 9 | Zoom out, and take a good look at the image. 
the outer graphics different treatments to the to perfect all the details. Are the lines straight, are With all paths showing, you'll see if the outer 


letterforms later on. there any misshapen curves? graphics work well. 


SU aOReRGIeT 


12 | The masking area can be filled with any colour 


10 | Once you're completely satisfied with your By pressing the dotted circle on the bottom of you wish. You can also fill the outer graphics 
graffiti shapes, select all the perfected paths, the paths window, you immediately create a paths with a different colour on a different layer. It 
and create a new layer. selected masking area. all depends on the colour palette you've selected. 


Part 3: Spray-can texture 


Get your image looking ‘street’ with one hi-res texture — this is where the fun really begins... 


rt | Create a new layer for your texture. If your texture image doesn't cover the whole g Create a masked graphic area, as detailed in 

Remember to use a high resolution scanned image area, duplicate each layer, and move steps 10 and 11 above, and copy the texture 
image, as this is the vital difference between the around the whole image space until you've covered _area into a single layer, which will be the texture 
spray-can effect working or not. The sharper the it. Then merge the duplicates into one single layer. graphic layer. Now turn all other layers off, to give 
image, the better. Be as random as possible. yourself better legibility for the next step. 


6 | Now add colour. The simplest way to do this is 
to work in CMYK, and use the channel mixer 
to take out a high percentage of cyan. This makes 
the image red. CMYK will limit your colour range 
compared to RGB, but these restrictions are much 
like those experienced by the graffiti artists 
themselves with their spray-can colours 


G With the same technique, ‘spray’ around every 
graphic edge until there are no hard edges in 
sight. Zoom out to a full image and you'll see the 
effect starting to take shape. After this, make all 
your other layers visible. 


4 | Select the Clone tool, and clone the ‘grainiest' 
section of the texture. Instead of airbrushing 
flat colour, use the Clone tool to airbrush texture. This 
particular step is what gives the spray-can effect. 


Part 4: Layer order 


With the clever use of the layers and basic Photoshop tools, make the spray-can effect work... 


Graffiti and 
piecebooks 


Many different styles have come 
from the streets, the most 
popular being the art of graffiti. 
It's the best way to get the public 
knowing who you are and how 
talented you are. It’s a raw and 
youthful artform, and can get you 
into trouble! Areas where the 
best artists show their work are 
known as ‘halls of fame’. Most 
graffiti artists keep a piecebook 
of ideas, which can be a great 
source of inspiration for creating 


original images. 


G Create a new Graphic layer and fill it with the 
main colour of choice (follow the masking gs Check your image for texture distortions. The yy If you feel your image is starting to get lost, 
create a white Graphic layer (with the shape 
drawn in paths), and turn the layer to overlay. This 
will give crispness to the image. 


details in steps 11 and 12 on the previous page). 
Use the Gaussian Blur filter to a soft level, and then 
turn the layer to multiply. 


above image shows the texture working badly, 
and is distorting the piece. Simply ‘clone’ out these 
areas with texture that you feel works. 


Dates a ed 


This next step is all about ‘fine’ editing, and is 


You now need to give the letterforms more G 
punch. Create a new layer. Once this is G Position the rough shape behind the graphic very important. Select the Graphic texture 


done, roughly draw around the inner graphic 
shapes with the Lasso tool. Fill the selected colour 
with a light colour. 


texture layer, and blur it to give a smooth look. 
As you can see, the shapes shoot forward, and the 
spray-can effect looks great 


layer, and zoom in as much as possible. Select the 
Clone tool and edit all the areas which are distorting 
the letterforms. 2 


Tutorial Become a graffiti artist 


Tutorial Become a graffiti artist 


Layer order continued... 


Real work 


Go out to your local ‘hall of fame’, 
orareas that have been covered 
in graffiti pieces. Look at the 
colours, and the spray-can 
techniques, and how the 
droplets of paint from the 
aerosol have hit the wall. Get up 
really close, take photographs, 
and make sketches if you have 
to. Seeing graffiti art for real will 
have a massive influence on 


your final piece. 


Once you're happy that your graphic shapes 

are looking streamlined, it's good to lighten or 
darken the individual textured shapes, to give a 
random ‘overall’ look. This is simply done by 
selecting the individual graphic paths, and adjusting 
the levels of the shape 


10 | Create a new layer and label it Graphic Spray 
Line. Select the graphic paths, and instead of 
filling the selected area, add a stroke of around 
12px, with any colour. We've used white 


13 | A simple tip for sharpening things up is to 
select your texture layer and edit the 
Brightness and Contrast. Be as playful as possible, 
but remember that you're doing this to get as much 
sharpness as possible. 


8 | We need to give the graffiti text more 
dominance within the image, as it's beginning 
to get lost amongst the heavy texture. Select inside 
the graphic layer with the Magic Wand, create a 
new layer, and fill the selection with white. Place this 
behind your graphic texture layer. 


@ Turn the layer opacity down until it's barely 
visible. Duplicate this layer, use the Gaussian 
Blur filter to muffle the edges. This is almost like a 
‘white spray line’ finishing touch, which all graffiti 
artists do. Note: All the levels are up to you, but 
don't overdo it! 


To give a darker background texture, we 

simply duplicate the texture layer. Turn the 
layer to multiply. This will obviously darken your 
graffiti type. Avoid this by simply selecting the 
paths, and deleting the positive spaces on the 
duplicated texture layer. 


9 | When making all your layers visible you'll see 
that it needs to be sharpened up. The image 
may look messy at this stage, but don't lose heart 
because you're now ready to give the graphic areas 
their final treatments. 


12 | Create a new layer. Select the insides of the 
letterforms and fill with your desired colour 
(we've used yellow). Turn the layer to multiply — this 
helps the texture come through. 


15 | Background colouring is very important with 
this piece. You'll need to decide if you want to 
keep the texture throughout, or if you'd like to have 
a surrounding of flat colour. Individually edit the 
colours by using the channel mixer. Taking out a 
high percentage of black will give a flatter look. 


Make a new layer and fill the selection using 


16 | Now you've worked hard perfecting the the Gradient tool. This is easily done by 18 | Play with the layer effects. Does ‘darken’ or 


‘graffiti style’ graphic type, start thinking holding down the Option key and mouse, then ‘lighten’ work better with the colours and the 
about the outer areas. Draw a new path around the dragging across the selected area, and letting go. textures you're using? Personally we prefer to leave 
central graphic objects. Once you feel this works, Horizontal shading or vertical shading is up to you. the outer edges with flatter colours, because it helps 
create a masked area (as in steps 11-12 of Part 2). Use with any colour you feel works. the type dominate the image. 


Part 5: Final touches 
The final stage is getting everything right and tagging your piece... 


Plug-ins 


Use plug-ins wisely, or avoid 
them altogether. Inject your own 
techniques into Photoshop, by 
experimenting with the many 
different tools, with layering and 
with filters. It's the best way of 
getting personality into your 
work, and will later help you to 
develop an original style. 


ey Be experimental. Move the ‘outer graphic’ Flatten your image and save it as a separate 3 Select the main graff piece and copy it, then 
layers up and down and around, to get file, so you can use it to enhance the overall duplicate the background layer. Set the new 
exciting results. Compare them to live pieces which effect. Check for any blemishes, or where the effect layer to overlay to intensify the background and 


you've seen on the street. hasn't worked very well, and clean up. bring the graffiti piece out. 


5 | Like all graffiti artists, tag your piece of work — 
be proud of it! Then flatten your image. You 
can duplicate the flattened layer by turning the layer 


4 | To add extra detail to the piece, duplicate parts 


of the image where the texture is working. to multiply. This gives you a high contrast effect, G Congratulations. You are now a digital graffiti 
Then with separate layers, overlay them on the which can be toned down by adjusting the opacity artist! The final thing to do is go over your 
sections that don't work. levels of the layer. image and check for any mistakes. FEES 
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Create a 
movie-style 
action scene 


Photoshop 7 has all the tools you need to 
turn a day trip to an air museum into an 
action-packed war movie scene... 


eeing is believing — even to our desktops by unleashing 

( if what we're seeing isn't Photoshop's powerful tools on our 
,y exactly what was | source image. The photo was taken on 

i photographed in real life. a trip to the Hendon Air Museum. (Our 
In many movies a shot is augmented would-be movie star is my little 
with hundreds of digitally manipulated | brother John, who posed in front of 
elements: wires holding up props are two genuine Spitfires.) We use the 
removed, unwanted buildings are Paths tool combined with layer masks 


painted out, explosions are added, and 
bland skies are replaced with 


to replace the image's dull suburban 
background with something more 


dramatic cloudscapes. Blockbusters dramatic. The new elements were 

like Enemy At The Gate required piles | created in Maya,a3D package 

of PCs and armies of technicians to embraced by many of Hollywood’s 

bring spectacular action sequences to Digital Artisans. 

life in a photo-realistic way. | So, time to turn an ordinary photo 
We bring the specialeffects battle | intoabig budget battle scene. » 
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| Tutorial Create a movie-style action scene 
Part 1: Getting organised 


Set up the project correctly to ensure a smooth workflow... 


I Name: orginal image 


Open the original image (Source.psd). Go to 
Windows>Layers to open the Layers palette. 


. 3] You're going to do lots of things to this image 
To allow easier navigation around a multi-layered fz) At the moment, the source image is just a 


so it's wise to keep an untouched copy of the 


file, make the layer thumbnails bigger than the locked background layer. To make it editable, original in case you need to refer to it. In the Layers 
default setting. Click on the small triangle on the top —_ double-click on the background layer icon in the palette drag the Original Image layer onto the 

right of the palette and select Palette Options. Layers palette. A New Layer box appears. Label the Create New Layer icon at the bottom. Hide the new 
Choose a bigger thumbnail icon. layer Original Image. layer by clicking on the adjacent Eye icon. 


Part 2: Perfect paths 


Use the Paths tool to create a mask that will hide the image's unwanted elements... 


Curve those paths 


The secret to a happy path life is 
‘less is more’. Instead of drawing 
lots of path anchor points, keep 
them to a minimum. If you click- 
drag as you lay a point then you 
can create an adjustable curve 
between the new path point and 
the previous one. This isa 
powerful way of selecting 


curved areas with the minimum 


of work. Press Caps Lock to give 
you a crosshair icon. This helps 


you to place your anchor points 


more accurately. 


g Click the Pen tool <P> to place path anchor 


1 | With the Original Image layer selected, choose points under the wings. You can create curved fa Draw the path so that it follows the areas 


the Pen tool <P> from the toolbar. Organise and straight lines with ease to follow the outline of below the plane right up to the actor. Keep the 
your paths as you do your layers. Select the Paths the plane. After creating a curved line between two image zoomed in so you can select the path 
tab from the palette. Click on the little triangle on points (see ‘Curve those paths’) add a new anchor accurately. Hold down the spacebar and click-drag 
the top right and choose New Path, Label it Under point directly on top of the last one so that the line to pan to the next part of the image you want to 
Wings Path. joining the next anchor point is straight. work on. 


Zoom out to complete the first path. Press <F> G You can fine-tune a path once you've created 


If you make a mistake, undo it (Command+Z). 
4 | Gg to hide your desktop icons. Now you can draw it. Choose the Direct Selection tool <A> from 


To undo earlier anchor points, go to 


Window>History. Now you can see a chronological a few anchor points outside the image to let the the toolbar. Use this tool to re-position existing 

list of all the anchor points you've created. To re- last point of the path join up the very first anchor points on the path. You can also use the tool to 
trace your steps, drag the last few anchor points in point. The path will turn into a solid line indicating adjust existing curves by dragging on the two 

the list to the wastebasket icon. that it's complete. handles that appear on each side of an anchor point. 


You can adjust the curves on each side of an 8 | 
anchor point independently by holding Alt 


When we created the path we tried to be as 
economical as possible with the anchor points 
and click-dragging on the handle you want to to save time and keep the selection smooth and 
adjust. This makes editing curved sections of the flowing. If you need to add extra anchor points to a 
path as easy as pie. problem area, use the Add Anchor Point Pen tool . 


9 | Once you're happy that the path is selecting 
the desired area, click on the palette's little 
triangle icon to toggle open the Paths options. Go 
to Paths>Make Selection. Set it to Anti-aliased. 
Make the Feather Radius 0.5 pixels. Set Operation 
to New Selection. Click OK. 


Part 3: Marvellous masks 


You can convert the path selections into masks, which will hide the bits of the image you don't want 
to see. This is how to create an Alpha Channel style mask for the original image... 


Layer masks 


The advantage of using layer 
masks is that they don't 
permanently erase any of the 
original image. Parts of it are 
merely hidden or masked. The 
black section of the mask makes 
the corresponding parts of the 
layer transparent. Any white on 
the layer mask makes the 
corresponding part of the layer 
solid. This is how Alpha Channels 
work, You can restore any of the 
layer’s detail by painting white 
onto the relevant areas of the 
layer mask. 


Action stations 


When you're filling each new 
selection of the layer mask with 
black, save time by setting up an 
Action. This means you can fill 
the selection with black with one 
press of a Function key instead of 


using several menu commands. 


Once you've chosen Make Selection from the 
Paths palette, click on the Layers palette. You'll 


With the ‘marching ants’ still active, click on 
the Layers palette’s Add Layer Mask icon. Now 
see the dotted ‘marching ants’ selection that's been the area that you created the path for has 

created from your path. Go to Select Inverse from disappeared leaving a checkerboard background. 
the top menu. (This bit is important - don't miss out — The checkerboard indicates that that part of the 
inverting the selection.) Now everything outside the _layer is now transparent. We can now insert images 
path is selected. on layers behind the original image. 


Click on the layer mask thumbnail. From the 
top menu bar choose Edit>Fill>Black. The 
4 | Continue adding to your layer mask. In the selected area of the layer will now become 

Paths palette click on the Create New Path transparent. You've created a mask that hides the 
icon. Label it Right Hand Side. Draw a path to select — unwanted parts in the lower section of the image. 
the area to the right of the actor just under the Deselect the ‘marching ants’ (Command-D) then 
plane's wing. Make Selection. create another new path. 
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Next to the Original Layer thumbnail you can 
see another thumbnail for the layer mask. Alt- 
click (Option-click on a Mac) on this thumbnail to 
see how the black and white mask is shaping up. 
You could use a black airbrush to paint additional 
transparent areas. Transparent areas can be made 
solid again by painting white onto the layer mask. 


G Slowly but surely create paths for the rest of the 
image's unwanted background elements. Select 
each path and in the layer mask fill the selections with 
black. Eventually you'll have created a layer mask that 
hides all the unwanted elements in the scene. The 
image's Alpha Channel will then be complete. > 
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Part 4: Fun with filters 


Add a sense of movement and menace as you set the propeller blades whirling... 


3 Select Filter>Blur>Radial Blur. Set the Blur 
Amount to 10. Set the Blur Method to Spin. Set 
the Quality to Good. Click OK. Duplicate another 


1 | Select the propeller using the Path tool and the 
techniques you learnt in Part 3. Once the 2 | Select the Propeller Copy layer. Press propeller layer and Radial Blur it at 16 on Best 


propeller has been selected, go to Edit>Copy from Command+T to activate the Free Transform Quality. Now partially fade the tips of the original 
the top menu bar. Then choose Edit>Paste. The tool. Move the tool's centre pivot point so itrestson _ propeller's blades by spraying those bits of its layer 
prop will be copied into a new layer of its own. the tip of the nose cone. Click-drag just outside the mask with a soft black brush. Add some Motion Blur 
Label the new layer Propeller Copy. selected area to rotate the copied propeller. to selected parts of the rear plane. 


Part 5: Creating background elements 


The background elements were created using Maya. If you fancy a crack at making your own 3D buildings, 
the textures are on the CD. If you want to get on with the project, skip to Part 6... 


Apply the textures to your basic shapes. 
They're going to be seen from a distance so 
You can't beat reality. To create a realistic don't overdo the modelling. Make some crates from 


wartime factory backdrop for the scene, use a few scaled cubes mapped with a wooden plank 
source images of real buildings. These shots were Knock up some very basic 3D shapes. The texture (plank.tif on the CD). These crates will help 
taken at a now demolished bus depot. Great textures and lighting will make the final break up the sharp horizontal lines where the 
textures are on your doorstep. rendering believable. buildings join the ground plane. 


G Once you're happy with the virtual camera 
5 o 5 | Use the plane and actor stand-in shapes to position, hide the mock-up actor and planes. 
4 | Import the original image as a guide. Create position your virtual camera so that it's ina Create a directional light and place it to match the 
crude stand-ins for the actor and the aircraftso _ similar position to the camera that took the original position of the sun in the original photograph. Hide 
you can roughly work out how far away to place the _ photo. This will help the 3D and 2D elements link up __ the background photograph, as you no longer need 
virtual camera from the buildings. in Photoshop. it for reference. Render the image. 


Part 6: Sky and clouds 


Add more elements to create a new environment for your action scene... 


Layer sets 


A large project like this can 
leave you with dozens of 
layers, which means lots of 
scrolling around the palette. 
Group the related layers of the 
project in folders. Create a 
folder by clicking on the 
triangle on the top right of the 
palette and choosing New 
Layer Set. A folder icon 
appears. Put all related 
elements - clouds, for example 


~ into a set of their own. 


rt | Import the background image (Buildings. psd) 
and place it on a layer underneath the others, 
The digitally rendered edges of the buildings are a 

little too crisp compared to the softer edges in the 

foreground photograph. Select the Buildings layer's 
mask and apply a gentle Gaussian Blur to it. This will 
soften the edges of the buildings. 


4 | On the Clouds layer, click the Add Layer Mask 
icon. Click on the mask and apply another 
cloud filter to it. The darker areas on the layer mask 
will poke holes through the clouds on the main 
layer. Adjust the Auto Levels of the clouds on the 
mask like you did in the previous step. 


a Create a new layer for the sky. Click in the Set 
Foreground and Background Colour icons in 
the toolbar to choose a dark foreground blue and a 
lighter background blue. Select the Gradient tool 
<G>. Click-drag from the top of the image to the 
bottom to draw a linear gradient. 


Create a new layer and label it Clouds. Press 

<D> to return the Foreground and Background 
colours on the toolbar to the default black and 
white. Choose Filter>Render>Clouds. Select 
Image>Adjustments>Auto Levels to emphasise the 
contrast between the black and white clouds. 


The flat sheet of clouds needs a sense of 
perspective. Press <F> to hide the rest of the 


desktop. Zoom out of the view a little. Go to the top 


menu bar and choose Edit>Transform>Perspective. 
Drag the top handles of the view outwards to 
stretch the top section of the Clouds layer. When 
that's done, go to Layer>Remove Layer 
Mask>Apply. 


G Give the Cloud layer a new layer mask. Draw a 
black and white gradient onto the mask to 
make the clouds recede. Make the layer opacity 40 
per cent. Now drag the Cloud layer onto the Create 
a New Layer icon to duplicate it. Set the blending 
mode for the layer to Hard Light. Go to Image> 
Hue/Saturation>Colourise and experiment with the 
sliders to get more dramatically coloured clouds. 


Part 7: Obligatory explosions 


As the Spitfires attack, their strafing bullets cause barrels of fuel to explode. Turn up the heat on our action 


hero with some in-house Photoshop fireballs... 


Pf Create a new layer. Label it Explosion. Place it 
behind the original Spitfire layer. Select the 
Lasso tool <L> from the toolbar. Set the Feather to 
17 to give the selection a softer edge. Draw an 
area representing an explosion. Choose 
Filter>Render>Clouds. Press Command+D to 
deselect the area. 


Go to Image>Adjustments>Auto Levels to 


increase the contrast between black and white. 
Copy the explosion onto a new layer and place it 
above the original Explosion layer. Choose 
Image>Adjustments>Hue/Saturation>Colourise. 
Make the colour of the new layer red. 


In the Layers palette set the blending mode of 

the copied Explosion layer to Colour Dodge. 
Reduce the layer’s opacity to around 61 per cent 
Notice how some of the explosion’s detail burns out 
in an effectively dramatic way. 
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Obligatory explosions continued... 


Zooming in and out 


Ona project like this you need to 
zoom in and out of various 
details. The Navigator is a handy 
way to get to specific areas of 
the image quickly. Alternatively, 
use the Command + or - icons to 
zoom inand out. Oruse 
keyboard commands like 
Command+0 to fit the entire 


image onto the screen. 


4 | Now copy the Explosion Copy and place that 
above the two other Explosion layers. Keep 
the layer blending mode on Colour Dodge. 
Colourise the layer again using the settings in the 
above image. Whacking the Saturation levels right 
up to the max helps emphasise that fiery look. 


6 | The flying fuel drums were 3D models created 
using Maya. A dynamic field was applied to 
the 3D barrels to blast them into the air. This saved 
manual positioning of each barrel. A red point light 
in the 3D scene simulated the interactive lighting of 
the Photoshop explosion. 3D modelling packages 
are excellent tools to create components for 
Photoshop illustrations. 


Maya also calculated a realistic looking motion 

blur for each barrel so there was no need to 
blur every barrel individually in Photoshop. Add the 
rendered 3D barrels (BarrelBoom.psd from the cover 
CD) to the image. Copy and cut some of the barrels 
from the layer and paste them in front and behind 
the explosion to create a sense of depth. 


Part 8: Finishing touches 


Give the action the look and feel of Band Of Brothers! 


Give the barrels some shadows to anchor 

them in the image. Ctrl-click on the Barrels 
layer in the Layers palette. Select Layer Transparency. 
Create a new layer and fill the selected shapes with 
black (Edit>Fill). Use the Transform tools 
(Edit>Transform>Skew, etc.) to squash and distort 
the shadow shapes. Apply a Gaussian Blur to them 
and reduce the layers opacity. 


4 | To link all the elements of the image together, 
the explosion needs to light the ground around 
it. Use the Elliptical Marquee tool <M> from the 
toolbar to select an area of ground from the 
Buildings layer. Give the selection a soft edge by 
setting feather to 16. Copy and paste the selection 
onto a new layer. Set the layer blend mode to 
Colour Dodge. 


2] Create a burst of machine-gun fire for the 
attacking Spitfire. Choose the Freehand Lasso 
tool. Set its Feather to 10 to give it a soft edge. 
Select an area to represent the machine-gun blast. 
Apply the Cloud Filter. Experiment with the same 
technique you used to create the explosion to get a 
dynamic-looking burst of fire. (At this stage, | 
couldn't resist doing machine gun impressions like 
a school kid!) 


G The source image was shot on 35mm film so 
has noticeable film grain. The digitally created 
3D background elements are grain free. You need to 
add grain to the digital elements to make them 
match the film grain. Go to Filter>Noise>Add Noise. 
A value of 2 per cent should do — don't go over the 
top. Apply the noise filter to the barrels, explosions, 
shadow, cloud and blur layers. 


omit 

3 The cockpit of the main plane is too washed 
out. You need to make it stand out against the 

glare of the explosion. Select the Burn tool <O> 

from the toolbar. Choose a brush size of 133 and 

burn in some detail on the canopy area. 


The 2D and 3D components have different 

colour levels. De-saturate some of the layers to 
give the image that historical Band Of Brothers 
washed-out look. Go to the main source image layer. 
It's a bit too vivid in colour. Go to Image> 
Adjustments>Hue/Saturation and reduce the Master 
saturation. Do the same for the 3D barrels. Now all 
the elements look like they belong together. EEE 
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) Crazy natural 


n this tutorial we show you the 
methods used in Photoshop to 
create the paint/ paper effects 
illustrated here. The features 
we use most are the Hue/ Saturation, 
Levels and Layers mode options. 

On the cover CD you'll find some 
paint-splattered stock to use. If you'd 
prefer to make your own, it’s quite quick 
and easy: all you need is some 
watercolour paint (any colour will do as 
you can change it in Photoshop later), 
some paper, and an old paint brush. 


media effects 


Create some splattered paint on paper effects 
without having to get your hands dirty... 


Simply mix some colour and water 
together, dab your brush in the paint then 
flick the brush at your paper for an 
instant splatter effect. 

To create the crumpled paper effects, 
soak your paper in water for a few 
seconds, then crumple it into a ball. Then 
unwrap it and let it dry fora while. Dab 
your brush in some very watered down 
paint and lightly brush this over your 
paper. The paint should soak into the 
cracks of the paper, darkening the cracks 
to give you a crumple paper effect. > 
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Part 1: Make a Screen Texture Layer 


Import some images from the cover CD and adjust their Levels and Saturation... 


Naming layers 


After importing images to your 
document, you should always 
name the layer to something 
appropriate so you can easily 
remember what it is. 


Default settings 


When in ‘Variations’, after tinting 
your layer and applying, the next 
time you enter the Variation 
menu it'll remember the last 
settings you applied. To reset, ULTRATEC 
just click on your original layer 
(top left in menu). 


i 
Now import each file into your newly created 
document. Hold down the Shift key while 
Natural folder on the cover CD (any will do). dragging to keep the layer centred. 


For starters, create a new document with a 

width of 1024 pixels and a height of 768. 
Make it 75dpi. The next thing to do is make a Open six to eight different PSD files from the 
Screen Texture Layer, or STL. 
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What we want to do now is desaturate some 
of the new layers. Select the top layer, open 


Drag the shadow bar to the right to make the 


the Hue/Saturation option (Ctrl+U or Now open the Levels menu (Ctrl+L or paint a bit darker. Choose Multiply from the 
Command+U), and drag the Saturation slider to Command+L) and drag the highlight barto the —_ Layers palette — this will make the white areas in 
-100 (this will take the colour out of the layer). left until the background turns white. the layer transparent. 


9 | We've already made an STL that you can use if 
you don't want to do this part of the tutorial. 
Now merge all the imported layers together Open the STL file from the Natural folder on the 


Repeat these steps to all your newly imported 
desaturation and levels. 8 | and name the layer ‘STL. cover CD and import this into your doc. 


layers, only this time vary the amount of 


|| trainstation 


- ~ oa Import the file to your document and place it 
10 | Get another image to use under the STL layer. under the STL layer. Repeat the Saturation and 
Open Trainstation.psd from the Natural folder _ Levels procedure on the Trainstation layer. Leave the 
on the cover CD. Layers mode at Normal. 


Once you've done that, select the STL and 
change the Layers mode to Screen. 


Part 2: Crumpled paper effects 


Experiment with the layer order and add some subtle colouring... 


Experiment with 
contrasts 


Try using the Screen Texture 
Layer as a layer mask. Use the 
Saturation and Levels options to 
change the contrast to make it 
black and white. Experiment to 
get some interesting effects. 
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Now you need to add some crumpled paper e Repeat the Saturation and Levels procedure on 

effects. Open both CP01.psd and CPO2.psd these two CP layers, but vary the settings o Open some of the Photoshop files from the 
from the Natural folder on the cover CD and import __ slightly. Now change the Layers mode to Colour Natural folder on the cover CD. Choose any 
them into your document. Burn or Multiply. that you like (we've used about ten different ones). 


5 | Now you should arrange the PSD layers to 
the right of your document. Arrange them so 


Again repeat the Saturation and Levels that you get a spray effect from the right. You'll G Experiment with the order of the layers to get 
procedure with all the PSD layers, and change have to rotate/resize some of the layers to face different effects. Duplicate some of the layers 
the Layers mode to Colour Burn or Multiply. the right way. and position them, again rotating and resizing. > 
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Crumpled paper effects continued... 


Snap happy 


Having a camera handy when 
you're out and about is very 
helpful, because you never know 
what kind of interesting things 
you'll see. Construction sites, 
buildings, trees/forest are good 
stuff to take pictures of. 


8 | Invert the layer (Ctrl+! or Command+l), and 
choose Screen from the Layers mode. Now 


Import PSO3B&W.psd and place it to the leftof you've got a nice white spray. Duplicate the layer a Now you'll see that the right side of the 
the doc. Rotate the layer so that the spray about five times, and resize/rotate them, varying the document has a darker spray look and the left 
faces to the right. amount for each to your liking side looks lighter. 


11 | Now do the same with one of the lighter PSD 
layers and rotate/position it under some of the 


10 | Duplicate one of the darker Photoshop layers darker layers. Again, experiment with the layer's Now it's time to give some of the layers a bit of 
from the right of the doc and rotate/position it position or even duplicate it again to get more colour. Select one of the dark PSD layers, select 
to the left under some of the lighter PSD layers. spray effects, the Variation tool (Image>Adjustments>Variations). 


Part 3: Tones and tears 


Use subtle colouring and add a ripped paper effect... 


Now add some red and yellow until you get a 
You don't want to add too much colour, so slightly desaturated red or orange tint. Do the Now you need to add some ripped paper. 
select the midtones, and move the slider one same with some of the other layers, varying the 


or two steps to the left (fine). amount and type of colour. import it into your document. 


Open CPO2black.psd from the cover CD and 


Be sparing 
with colour 


Adding a small amount of colour 
toa layer in ‘Variations’ works 
well when using Multiply or 
Colour Burn in Layers mode. If 
you add too much, the colours 


will come out a bit too vibrant. 


Resize the layer so that you can see the torn 
edges around the doc. 


SS lb 


Ph > 
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Duplicate the STL and name it STL 02. Go into 
the Levels menu (Ctrl+L or Command+L) and 


darken the image. 
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Add a layer mask (Layer>Add Layer 
Mask>Reveal All) to your new STL 02 layer. 


Part 4: Working with layer masks 


Add a subliminal face 


se 


to the final image... 


lect the CP layer and select all (Ctrl+A or 


Command+A) then copy (Ctrl+C or 
Command+C). Select the layer mask on the STL 
(hold the Alt key when selecting), select all and then 
paste (Ctrl+V or Command+V). 


Create a new layer mask (Layer>Add Layer 

Mask>Reveal All) and select it. Use the 
Gradient tool to create a black to white gradient 
(black left side/white right side). 


Go back out of the layer mask by clicking on 

another layer or the STL. You should now have 
some nice torn edges. Move some of the spray 
layers below the new STL. 


In the final tutorial image, we added a 
subliminal face (open Final Tutorial.jpg from 
the cover CD to see if you can spot it). 


Layers 
[muttiony =] Opacity 
Lock: LI uy + @ Fill: [10096 [> | 


3 | If you want the right half of the document to 
be a bit darker, duplicate one of the CP layers, 
and darken it using the Levels menu. 


G Import RB&W.psd and T01.psd file to your 
doc. Resize RB&W.psd so that the head fits in 
your document. > 
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*) Working with layer masks continued... 


Cleaning up File Edt Image [Layer Select Fiter View Window Help 


If you want to clean up some of 
the PSD layers because there's 
too much splatter, you can use 
the eraser. However, we find that 
painting the unwanted splatter 
with the background colour of 


your layer works better. 
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8 | Create a layer mask for your TO1 layer, making 
Again, repeat the Hue/Saturation procedure to sure you select Hide All (Layer>Add Layer Select the RB&W layer and Invert it (Ctri+! or 
the TO1 layer, this time making it a lot darker. Mask>Hide All). Command+l) 


rr) 
Feectrine 
ShA+CuHt 


Traeisform Salection 


Load Selection, 
Save Selection 


10 | Now copy all (Ctrl+A or Command+A then Move the face to the left of the doc. Click on 
Ctrl+C or Command+C). Select your T01 layer 11 | Then paste the inverted RB&W layer by the layer mask link icon, which is in-between 
mask (hold down Alt then click) then select all pressing Ctrl+V or Command+v. the T01 layer and its layer mask. 


14 | Now position the TO1 layer between some of 15 | That's about it. You can experiment with the 


the white PSD layers so that you get some final image by rearranging the position of the 


13 | Alt-click the layer mask and move the image 
to the left of the document. Click the link icon spray over the face, and change the Layers mode to layers or adjusting the Layers mode, the Saturation, 
again to activate Linear Burn or the Levels and Variations. Enjoy yourself. EEE 
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Multi-layered 
montages 


Masking layers enable you to create a 
complex-looking montage of futuristic 
images with the minimum of fuss... 


sing masking layers can 
seem like a daunting 
prospect to a Photoshop 

\ artist - a complicated task 
and maybe even unnecessary. But the 
truth is they are a very powerful tool for 
producing complex-looking composite 


effects. And, with the help of this tutorial, 


they're nothing to be afraid of. 

Over the next five pages we also take 
a brief look at clipping groups and apply 
a few blending modes to the creation of 
our illustration. Most of the elements 
have already been created for this 
tutorial, which gives us more time to 
focus on new techniques. This 


walkthrough assumes that you're 
relatively proficient in the basic tools 
and editing procedures of Photoshop. > 
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Part 1: Basic layer masks 


Create the four small screen images that appear in the foreground of the illustration, 
and see how simple layer masks can be used... 


Special effects 


Making changes to the masks 
means you can actually apply a 
variety of cool special effects 
and filters to the layer without 
affecting any of its elements. 


Undoable 


Before the time of unlimited 
undos, channels reigned 
supreme. Nowadays, masking 
layers are not permanent, and 
therefore give you the 


opportunity to make changes , . 

tultatardians In the tools palette, make the foreground ; 
colour black, then select the Brush tool making 

sure the Airbrush option is selected. In the brush 

palette, select a brush size of around 100 pixels in 


In the colour-filled layer, turn its blending diameter with a Hardness of 0 per cent and Spacing 


Fad Open sc3.psd from the cover CD and create a mode to Hard Light, which is located in the of 25 per cent. Then paint over the image but leave 
new layer above it: Layers>New Layer. Then drop-down box at the top of the Layers palette. the model's helmet visor untouched, making sure 
fill it with the colour R: 211, G: 229 and B: 194 by Now click the New Layers mask icon at the bottom the layer mask thumbnail is selected in the Layers 
clicking the foreground colour on the tool palette. of the Layers palette or go to Layer>Add Layer palette. Then flatten the image (Layer>Flatten 
Then go to Edit>Fill to fill the layer with that colour. Mask>Reveal All. Image) and save it as sc3.jpg. 


Create a new layer mask for Layer 1. Then, 

using the Gradient tool with a standard 
gradient and the foreground colour selected as 
4 | Now open sc2.psd and grid1.psd. Working in black, drag the gradient from left to right over the 6 | Now flatten the image and save the file as 

grid1.psd, Select>All, then Edit>Copy, then image. This makes the composite around the sc2.jpg. These screens will be used at a later 
switch to sc2.psd and Edit>Paste. model's face clearer. stage in this tutorial. 


Open sc4.psd and grid2.psd. Working with 


sc4.psd, go to Layer>Duplicate or drag the 8 | Create a new layer mask and again using the 9 | Now paste grid2.psd into sc4.psd, then 
layer in the Layers palette down to the New Layer Gradient tool with black for the foreground Image>Adjustments>Invert. Then 
icon, then go to Image>Adjustments>Hue/ colour and white as the background colour, drag it Select>Colour Range, and, using the Eyedropper 
Saturation. Set Hue to -32, Saturation to +24 and from left to right, creating a subtle colour blend tool, select the largest black area and click OK — you 
leave the Lightness alone. between the two layers. may need to select the Image button. See above pic. 


10 mask icon and, with the layer mask thumbnail 
selected, invert the layer. Then click the layer’s 
original thumbnail next to it and select Screen as the 
blending mode, and next to the drop-down box set 
the Opacity to 72 per cent. Then drag the whole 
layer into the Layers palette below the Background 


copy - this will create another subtle blending effect. 


Flatten the image and save as sc4.jpg 


This has created a selection. Now click the layer 


Open sc1.psd. Duplicate the layer and then 
invert it. Then open the Hue/Saturation dialog 
box and set the Hue to +180. 


Part 2: Creating a background layer 


Now build the background with some of the techniques you've just used in Part 1... 


Vector masks 


One area that's not covered in 
this tutorial is vector masks. A 
vector mask creates a sharp- 
edged shape ona layer and has 
the benefit of adding an 
illustrative element with a 


sharp clean edge 


Chain reaction 


While working through this 
tutorial, you'll notice that a small 
chain icon link will appear 
between the layer image 
thumbnail and the mask itself. 
This is to link the mask to the 
contents of the layer. You'll 
notice if you drag the layer 
contents around on the canvas 
with the link turned on, that the 
mask will follow. This helps to 
keep the masked-out area of the 
layer consistent with the image it 
was created for. 


1 | Open Background1.psd. Duplicate the layer 
‘blue background’ and rename it ‘green 
background’ by double-clicking on its name. Open 
the Hue/Saturation dialog box and set the Hue to 
-68. Go to Filters>Blur>Gaussian Blur and set the 
Radius to around 7.3 and click OK. Then set the 
blending mode for this layer to Screen. 


B_maskillo.psd @ 66.7% (background shape. 


4 | Make another new layer and rename it as 
‘background shape’. Fill the layer with a white 
colour and then create a new layer mask. Then, 
using the Polygonal Lasso tool, create a selection 
similar to the shape above and then fill it with black. 


Now create a new layer mask for the green 

background, using the Gradient tool with the 
Radial gradient enabled and with the foreground 
colour set to black and the background colour set to 
white in the tool palette. Create a gradient on the 
layer mask over the white explosion. Experiment 
until you get a nice transition from blue to green. 
Save the file as maskillo.psd. 


G Open shape2.psd and then select all and copy 
then paste it as the top layer in maskillo.psd. 
Switch the blending mode to Hard Light. Move the 
layer so the largest central circle is circling the glow. 
Now create a new layer mask, and use a standard 
gradient with foreground black and background 
white and from the top right of the shape create a 
gradient that causes the shape to gradually blend 
into the background. Call this layer ‘circle shape’ 
and then save. 


12 | Now open shape1.psd and copy and paste it 
above the original background layer. Now, 
create a clipping group. Hold down Alt (Windows) 
or Option (Mac), position the pointer over the line 
dividing the two layers — Layer 1 and Background 
copy — in the Layers palette (the pointer will change 
to two overlapping circles) and click. Follow this by 
flattening the image and saving as sc1.jpg 


3 | Create a new layer above the green 
background layer and rename it ‘glow’. Using 
the Elliptical Marquee tool, make a selection around 
the focal point of the explosion and go to 
Select>Feather and set the Feather Radius to 44 
pixels. Click OK and then Edit>Fill with a white 
foreground colour. 


G Place the pointer over the circle shape 
thumbnail in the Layers palette. Hold down the 
Control key and click the Select Layer Transparency 
drop-down box that appears. This should create a 
selection around the shape. Then create a New 
Layer and call it ‘stroke 1'. With the foreground 
colour set to white, go to Edit>Stroke and set the 
stroke width to 2 pixels and click OK. Set the 
blending mode to Overlay. > 
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_ Creating a background layer continued... 


Unlinking layers 
and masks 


If you click the disconnect link, 
the layer and mask are 

separated, You can then drag the 
layer contents around without the 
mask following it — the mask 
remains fixed in the position 
where it was originally created, 
or inthe last position you 


moved it to, 


Effects with filters 


You can experiment with the 
layer masks you have created. Try 
applying certain types of filters 
to them to create an even greater 
range of composite effects. 
Trying a variety of gradients in 
the masking layer at different 
angles will produce some 


interesting effects. 


Go back to the circle shape layer and duplicate 

it, then move it to the top of the Layers 
palette. Click the layer mask thumbnail and drag it 
to the wastebasket icon at the bottom of the Layers 
palette. A dialog box appears — click the discard 
button. Then Edit>Transform>Rotate. Select one of 
the corners with the pointer, which should be 
selected with the Move tool, and rotate it clockwise 
to the position above. Then double-click it to set 
it. Then Edit>Transform and scale it to the size 
roughly above. Create a new layer mask and, using 
the Gradient tool again from the top of the layer, 
make a gradient. 


Open cubes.psd and copy and paste it into 

your maskillo.psd document and rename the 
layer ‘cubes’. Set the blending mode to Hard Light. 
Rotate the layer so it's in the same position as above 


Using the same procedure as in step 6 on the 

previous page, stroke this layer and call the 
new layer ‘stroke 2’. Again, set the blending mode 
to Overlay. 


Duplicate the cubes layer and then position 
and rotate it like the above image. Rename the 
layer ‘cubes2' 


Go back to the circle shape copy layer and 

duplicate it. Drag it to the top of the Layers 
palette. Click the Lock Transparency button on top 
of the Layers palette and fill with the colour white. 
De-select the Lock Transparency button and select 
Gaussian Blur with a radius of 6.0 pixels. And set the 
blending mode to Overlay. This should give the 
impression of a slight glow. 


Duplicate the cubes2 layer and position and 
rotate it like the above image. Rename the 
layer ‘cubes3’. 


Part 3: Building up the foreground 


It's time to focus on the foreground elements... 


rt | Open machine1 .psd and copy and paste it into 
maskillo.psd. Position it like the above image 
and set its blending mode to Hard Light and its 
Opacity to 71 per cent. Rename the layer ‘machine1’. 


Go to View>Rulers. Using the Pointer move 


the machine layer element. Do this another three 
times. See above pic for reference. 


rw ee a a ae 


ls 


tool, click on one of the rulers and drag it across 
the image. This should create a guide. Move it until it 
snaps itself into position with the outermost edge of 


Now open machine2.psd and copy and paste it 

into maskillo.psd and rename it ‘machine2'. 
Position it exactly over the machine’ element. It 
should snap into place because of the guides. 


Displaying 
channels 


Alt-click (Windows) or Option- 
click (Mac) selects and displays 
the layer mask channel. Click 
on the layer mask thumbnail to 
view only the greyscale mask. 
Then to redisplay the layers, do 
the combination click on the 
layer mask thumbnail or click 
the Eye icon. 


Mask on top 


You can also hold down Alt+Shift 
(Windows) or Option+Shift (Mac) 
and click the layer mask 
thumbnail to review the mask on 
top of the layer in a ‘rubylith’ 
masking colour. Clicking the 


thumbnail turns it off. 


Create a new layer mask for the machine2 

layer and, using the Gradient tool with black 
and white selected as normal, create a gradient from 
right to left, so that the machine’ layer is viewable 
about halfway across the document 


Now go back to the machine’ layer and make 

a selection of it. Create a new layer below it 
and then fill the selection with the colour white. De- 
select the selection and Gaussian Blur it with a 
radius of 14.6 pixels. Set the blending mode to Hard 
Light. Rename the layer ‘glow2’. At this stage, go to 
Views>Show>Guides to hide the guides. 


Go to Select>Feather and make the Feather 

Radius 12 pixels. Then fill it with the colour 
white and make the opacity of the layers 62 per 
cent. And then de-select. 


rs | Open machine3.psd and cut and paste it into 
the illustration. Rename the layer ‘machine3' 
and position it exactly over the other two layers, as 
in the screenshot above. 


Using the Magnify tool, zoom into the centre 

of the illustration (see above pic). Then using 
the Pen tool and Convert Pen tool, create a path as 
above. Click the Work path in the Paths palette and 
rename and save the path as ‘glow’. 


oy Open models1 .jpg from the CD and copy it 
and paste it as the top layer of our illustration. 
Rename the layer as ‘models’ and in the 
Hue/Saturation dialog box, set the hue to -66, and 
position the image as it appears in the above 
screenshot. Save the file. 


fa 


Create a new layer mask for the machine3 

layer and, using the Gradient tool with black as 
your foreground colour and white as the 
background colour, make a gradient from left to 
right. You'll now have a smooth transition between 
all three layers. 


9 | Create a new layer above the machine3 layer 
and rename it ‘glow3' on the Layers palette. 
Make sure the glow path is selected and make it a 
selection by clicking the ‘Load path as Selection’ 
button at the bottom of the Paths palette. 


Create a new layer mask for the models layer 

and, again using the Gradient tool with black 
and white and from left to right, create a small 
gradient over the model's left shoulder so it blends 
into the cubes below this layer. > 
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Part 4: Incorporating your four initial images 


This is the part where you add the screens you made earlier... 


Grouping layers 
Clipping groups is a very 
powerful feature which enables 
you to group together a 


number of layers. 


Experiment! 


One of the beauties of Photoshop 
is that there are no hard and fast 
rules - there are numerous ways 
to do the same thing and by 
experimenting you'll find the 


way that best suits your artistic 


needs and methods. rf Vy) : Ms . 
Me Now open the sc4.jpg we saved earlier on, cas A C 


Create a new path layer in the Paths palette select all and copy it. Going back to 3 | Staying with this layer, go to 

and rename it ‘screen1'. Zoom in on the first maskillo.psd, convert the screen’ path to a selection. Edit>Transform>Distort, and reshape the layer 
screen coming out of the machine and use the Pen Then go to Edit>Paste In To, which pastes the sc4 to fit. See above for the correct perspective. Make 
tool to make a path around the angular black shape. _image into this area. Rename this layer ‘screen1’. sure the pointer is selected to the Move tool. 


4 | Open sc3.jpg and repeat the same procedure 5 | Open sc2.jpg and repeat the same procedure G And finally open sc1.jpg and repeat the same 
to fit the image in the second screen coming to fit the image in the third screen coming out procedure to fit the image in the final screen. 
out of the machine. Rename the layer ‘screen2' and of the machine. Rename the layer ‘screen3' and the Rename the layer ‘screen4' and the Paths layer 
the Paths layer ‘screen2' Paths layer ‘screen3'. ‘screen4’. Save the file. 


Part 5: Finishing off 


In this final part, use masking layers to add a bit of post production to the final flattened file... 


3] Click the layer thumbnail so you come out of 


a Now go to Layer>Flatten Image and then 2) Create a new layer mask for the duplicated the layer mask and, using the Hue/Saturation 
duplicate the flattened layer. Set the blending layer and create a gradient across the entire dialog box, set the Hue to -38. Save this file as 
mode to Overlay and Gaussian Blur the duplicated image from right to left so that only part of the left maskillo2.psd. Both maskillo files are on the CD 


layer with a radial of 6.0 pixels. layer is revealed around the explosion. for reference. EEE 
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Whether you’ve just installed Photoshop 7 or have 
been using it since it came out, you'll find plenty of 
useful advice and tips here to make your working 
experience more intuitive... 


{ t ] % ersion 7 of the world’s favourite to make this powerful package work best for 
Bed 
war 


image-manipulation program you? Well, we've sat down and ploughed 
" introduces some of the best new through the new features to bring you 50 of 
/ features yet. The File Browser allows you to the most useful tips for Photoshop 7 — from 
rank and rename your files from within configuring the best Colour Settings for print 
Photoshop, while the Healing Brush tool to using the Preset Manager to create your 
makes those tedious touch-up jobs abreeze. owntool presets. The tips are grouped by tool 
But who's got the time nowadays to sit or command, so you can easily find the tips 


down and find out all the little tricks andtips | mostrelevantto you. > 


Expertise supplied by Frank Bartucca, 

a freelance designer who has 12 years of 
experience using Photoshop. Contact 
Frank at [e] bartucca@btintenet.com 

or [t] 0780 1721162 


Illustration: Magictorch [w] www.magictorcg.co,uk 
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Colour Settings 


Colour settings have advanced from earlier versions 

of Photoshop and in the process have become more 
complicated. This colour set-up will produce a good 
standard for colour images printed on coated stock. 
Go to Edit>Colour Settings, then select the CMYK 
pop-up menu under the Working Spaces area. Scroll 
to the top for Custom CMYK, and set the Ink Colourto 
Eurostandard (Coated). 


Dot Gain manages the ink spread when an image is 

printed. It occurs when the raised dot ona printers 
plate is pressed down onto the paper, causing the ink to 
spread a little. Dark areas, therefore, appear darker. Set 
the Dot Gain to 9-10 per cent — this setting will lighten 
images to compensate for the printing process. 


In the Separation Options area, click on the UCR 


bullet point. Under Colour Removal (UCR) replaces 
some of the cyan, magenta and yellow from neutral areas 


File Browser 


You can use the File Browser to 


View from the Palette menu to 


with black to produce cleaner, deeper shadows and also 
quickens the ink’s drying time. Grey Component 
Replacement (GCR) does a similar thing but replaces 
neutral and coloured areas made up of CMY with Black. 


The Black Ink Limit should ideally be set to between 
5-95 per cent, which is the standard used by repro 
houses and printers in Europe. This sets the darkest 
areas of an image to a maximum output value of 85-95 
per cent. If the value is set to 100 per cent, there is the 
possibility of the dark shadows filling in. 


Total Ink Output can be set from 200-400 per cent. 

The ideal would be between 280-300 per cent for 
Web offset printers. For sheet fed printers, you could set 
the value to a maximum of 350 per cent. Again, the 
higher the value, the more ink is printed and the higher 
the possibility of losing detail in an image. Printers will 
ask for these values as a standard. 


Getting accurate colour from screen to print can be a tricky 
process if you're not familiar with the colour settings in 
Photoshop. Follow the steps in this group of tips to get a standard 
colour set-up for European presses. 


Batch Rename files. To do this, 
choose a folder and make sure that 
none of the files are selected. Then 
select Batch Rename from the 
pop-up menu at the right of the File 
Browser tab. A window appears 
allowing you to fill in the type fields 
and choose a destination folder and 
compatibility between Windows, Mac 
and Unix systems. 


‘The File Browser can also be 

used as a source folder when 
performing a set of actions, using the 
File>Automate>Batch... command. 
This proves useful if some of the files 
need to be rotated, as the individual 
files can be rotated in the File Browser 
before running the actions. 


After renaming files, the File 
Browser may not automatically 
update itself. Choose Refresh Desktop 


History Pa 


reorganise the files in the proper order. 
Files can also be renamed by selecting 
the file name in the File Browser and 
typing over it. 


Files can be sorted by rank and 

‘given a letter from A-E in the File 
Browser. If you want to rank several 
files at once, select the files by either 
Shift-clicking two files to select a 
group or Command/Control-clicking 
to select files from anywhere in the 
folder. Then Control/ Right-click ona 
thumbnail and choose a letter from the 
pop-up menu. 


Select Details from the File 

Browser’s palette menu orfrom the 
bottom of the window to show each 
file's thumbnail with corresponding 
information such as rank, file format, 


colour settings and embedded profiles, 


dpiand file size. 


ette 


If you're experimenting with an image and want to 


Making several snapshots from different stages of 


Batch Renaming files was only previously possible by using a shareware program like Drop 
Rename. But now you can rename files from the File Browser and even set up Actions to perform 
this task on a regular basis. 


To open several images at once 

using the File Browser, select the 
folder from which you want to open the 
files and Option/Alt double-click on 


the first thumbnail. The file then opens 
in Photoshop leaving the File Browser 
still active to repeat the process on all 
the other files you wish to open. 


To create a snapshot each time a document is 


save certain stages to refer back to, click on the 
Create New Snapshot button at the bottom of the 
History palette. From the window that appears, 
choose either Full Document, Merged Layers or 
Current Layer for the snapshot contents. The snapshot 
is then stored at the top of the list. 


an illustration gives you plenty of options from 
which to choose a final image. But remember that the 
snapshots are only active while the document is open 
and are not saved when the file is closed. 


saved, click on the triangle at the right of the 
History palette and choose History Options. 
Check the Automatically Create New Snapshot 
When Saving option. 


3 : : : 
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The Brushes palette has become more extensive in Photoshop 7 The ability to create custom 


brush tips and copy the attributes to other tools allows seamless painting throughout your image. 


Healing Brush Tool 


When using the Healing Brush tool on a grainy or noisy image, choose 

Replace as the Effect Mode in the Options bar to preserve the texture at the 
edges of the brush stroke. This setting is particularly useful on grainy or noisy 
images as the area being healed is less likely to be smoothed when blended. 


Maybe an obvious one, but it’s always a good idea to duplicate the working 

layer when applying extension corrections to an image using the Healing 
Brush tool. Then if a mistake is discovered that is too far down the History 
palette to find, you still have the original intact. 


Layers 


As wellas the master opacity, which controls the overall opacity for the layer, 
the Layers palette now includes a Fill Opacity option that governs the opacity 
forthe interior of the layer. When applying a Layer Style, use the Fill Opacity to 


set the level of the layer contents without affecting the opacity of the Layer Style. 


oa. to make a composite layer from all the layers in a document without 
merging down? Create a new layer, select Merge Visible from the Layers 
palette while holding down the Option/Alt key. The information from all the 
layers is now contained in this new composite layer. 


To make a composite layer from a selection of layers, create a new layer and 


link it to the other layers. Using the same process, hold down Option/Alt as 
you choose Merge Linked from the Layers palette. 


To change the colour of soft-edged brush strokes on a layer, click on the 
ock Transparent Pixels button in the Layers palette. Now you can choose a 
new colour and fill the pixels by using the Paint Bucket tool or pressing 
Option/Alt-Shift on your keyboard. 


Brushes Palette 


To see previews of all the brushes in 
the Brushes palette, position the 
cursor over a brush for a moment until 
the tool tip appears. Then, as you move 

over each brush, a sample preview 
appears in the window at the bottom 
of the palette. 


To create a new brush tip shape, use 

the Marquee tool to select part of an 
image, then go to Edit>Define Brush, 
name it and click OK. The brush will 
appear in greyscale if sampled from a 
colour image. You can then create a 
Dual Brush using this new preset and 
another brush. 


The Colour Dynamics option in the 

Brushes palette allows you to 
create brushes with varying colour, hue, 
saturation and brightness jitter. 
Experiment with the settings to produce 
amazing brushes that change colour 
and size as the stroke is produced 
according to the randomness values. 


Crop Tool 


Select the Protect Texture option 
n the left of the Brushes palette 
when painting with multiple textured 
brush tips. This will ensure that a 
consistent canvas texture is simulated 
throughout the image. 


You can copy the texture and scale 

of a brush to other tools that support 
textures, like the Pencil, Stamp tools, 
Eraser, Dodge, Burn, and Sponge tools. 
Create the texture in the Brushes 
palette, then select Copy Texture to 
Other Tools. Other dynamics can also 
be copied over, such as shape, 
scattering and colour. 


To change from one brush to 

another when you're ina hurry, 
Control/ Right-click and hold on the 
canvas. The Brushes palette will pop up 
enabling you to scroll through the list. ' 
Once you've selected a new brush, 
simply let go of the mouse button to 
carry on painting. 


When using the Crop tool on an image where the greying out of the cropped 
area makes it difficult to see what's going on, press the / key to turn the 
shield off. Pressing the / key repeatedly will toggle between shield on and off. 


If you need to crop an image without losing information that falls into the 
shield area, select Cropped Area: Hide in the Options bar. This allows the 
hidden information to still be dragged back on to the canvas in future. 


C TOT TS 


in Photoshop 7 you now have the option of cropping an image without losing any information 


in the process. This is a valuable trick if you think you may need to reposition parts of your 


image that hang off the canvas area. 
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Preset Manager 


Most tools have a range of presets 

to choose from. To get the most 
comprehensive selection for each tool, 
choose Edit>Preset Manager, then 
select each Preset Type inturn and 
click on the triangle to bring up a 
menu with all the available presets 
for each tool. Select each one and 
append the list. 


You can also rearrange the order in 

which tool presets appear in the 
palette. Go to Edit>Preset Manager 
and drag the items you wish to move to 
anew location in the list. If you've got a 
large list of presets, you can view them 
by text only by clicking on the triangle 
to the right of the Preset Type. 


Create your own libraries of 

presets in the Preset Manager. If, 
for example, you want to save a library 
of brushes, choose Brushes from the 
Preset Type and then Shift-select the 


brushes you would like to save. 

Click on the Save Set button and 
give the set a name. Then save the set 
in the Brushes/ Preset folder for the 
new library to be displayed at the 
bottom of the list. 


To ensure that the file extensions 

‘are correct when saving several 
different types of libraries at once, go 
to Edit>Preferences>File Handling... 
and choose Always from the Append 
File Extension option. 


To view brushes with a stroke 
preview inthe Preset Manager, 
click on the triangle and select Stroke 

Thumbnail. This option is only 
available with brush presets, but will 
make creating a set of brushes easier. 


(torow 18) 
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The Preset Manager holds all the tool presets information. The ability to create your own 
library of presets can save valuable time when performing the same tasks on a regular basis, 


Colour palette 


The Colour palette has a colour ramp at the bottom showing the current colour spectrum 
selected. To quickly scroll through the available spectrums, Shift-click inside the colour 


ramp until you get to the one you want. 


Here are two easy ways of creating your own colour swatches. First, choose one of the preset 
swatches from the pop-up menu in the Colour palette, delete any colours you don’t want by 
holding down Option/Alt and clicking on them. Then click on the triangle and choose Save 


Swatches from the menu. Save it in the Presets\Colour Swatches folder. 


The second way is to choose a swatch with very few colours in it, like HKS Z.aco, and delete 

all the colours. Then make up your own swatch of colours by either using the Eyedropper on 
an image or creating colours using the Colour Picker or Colour palette and clicking on the 
Create New Swatch button. Then save the swatches in the same way as before, making sure the 


file extension is .aco. 


Text 


To check the spelling of suspect words, first click inside the text then open the 

Character palette and click on the language pop-up menu to select a language. 
Then go to Edit>Check Spelling to correct the mis-spelt word or add it to the 
dictionary if the word is spelt correctly. 


If you're dealing with a large amount of text and need to replace certain 

words, select the text layer and go to Edit>Find and Replace Text... Type or 
copy and paste the text to be changed into the Find What box, then select from 
the options available. 


You can now create a set of type styles for regular graphics such as Web pages 
and adverts. To do this, first apply the right attributes to your text, then click 


matte 
PANTONE salid to process 
uncoated 


Photoshop has an extensive range of colour swatches to choose from to suit various 
output options. But what if you want to create your own colour swatch? Well, now you can. 


on the triangle in the Tool Presets window, select New Tool Preset and give your 
new type style a name. 


You can change the font name and size of any text in the options bar quicker by 
sing keyboard shortcuts. First, select the text layer, then click on the font name 
in the options bar. Now use the arrow keys to scroll through the list of fonts. Hit Tab 
to select the font size. 


Hold down the Shift key while using the arrow keys to increase or decrease the 

font size in increments of 10 in the Text options bar. Holding Shift and pressing 
an arrow key in the font name list will make the list jump to the beginning or end 
according to which direction is pressed. 


Layer Styles 


To use more than one Layer Style preset on a layer, Shift-click on another 
preset in the Layer Styles palette to add it to the layer’s list of effects. The 
effects will be blended to create a new effect. 


To create a new Layer Style preset from a designated layer’s effects, simply 

drag the effect from the Layers palette to the Styles palette. A window will 
pop up for you to name the 
new style and include Layer 
Blending Options. 


Layer Styles can be 

scaled by going to 
Layer>Layer Style>Scale 
Effects or by Control/Right- 
clicking on the Layer Styles 
icon in the Layers palette. A 
window pops up with a sliding 
scale from 1 to 1000 per cent. 
Useful for fine-tuning an 
effect without having to open 
the Layer Styles window. 


Want to change the size of that Bevel effect without 
opening the Layer Styles window? The Scale Layer 
Effects command allows you to do just that. But note 
that layer effects are scaled universally. 


Colour 


Here’s a quick way to change the Here’s how to view only the 
colour of the guides when working colours within the CMYK gamut 
onan image where the guidecolour —_in the Colour Picker. Open the 
is too similar to a predominant Colour Picker, then choose 
colour in the image. Hold down View>Gamut Warning and notice 
Command/Control and double- how parts of the picker are greyed 
click on a guide to bring up the out to help you avoid choosing a 
Preferences window, then choose colour that will look completely 
another colour and click OK. different in print. 


Lock Guides 


Clear Guides 


i <2: 


Never choose a colour that's out of gamut again by using the Gamut Warning option when 
selecting colours from the Colour Picker. This is a great way of seeing which colours are 
available close to the edge of the gamut range. 


General Tios 
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© Enhance Per Channel Contrast 
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CISave as detauits 


There are three auto colour correction commands in Photoshop 7. These are: Auto Levels, Auto ; 
Contrast and Auto Colour. Each uses an algorithm to determine how the correction is performed. 
These can be manually adjusted using Auto Colour Correction Options. 


You can change the Auto Correction options in the Levels or Curves dialog box by 

clicking on the Options button. There are three options to choose from: Enhance 
Monochromatic Contrast makes the highlights lighter and the shadows darker; 
Enhance per Channel Contrast produces a more dramatic correction and changes 
colour castes; Find Light and Dark Colours finds the average lightest and darkest 
pixels and uses them to maximise contrast. You can select any of these as a default 
algorithm for all colour adjustments. 


Palettes and moveable dialog boxes are always saved in the same place in 
Photoshop whenever the application is quit. But if you prefer to save your 
own workspace, open and position the palettes you require and choose 
Window>Workspace>Save Workspace and type in a name. You can create several 
workspaces for different uses. 


To duplicate an open Photoshop document without having to OK it in the 
Duplicate image window first, hold down Option/Alt when choosing Duplicate 
from the Image menu. The copy of the file will then open as a separate document. 


To create a text knockout effect, place a text layer over a layer with a shape or 
eben area to knockout from over an image background layer. Choose Blending 
Options from the Palette menu and set the Knockout option to Deep to reveal the 
background layer. This technique can be used on several overlaying layers with 
Layer Styles to add special effects. FEES 


Advanced Blending options now allow you to create excellent blending effects such as knocking 
text out of a background layer using an intermediate layer as the base for the effect. 
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i offer you the chance to win a copy of Adobe's 
My Design Collection worth £930 plus two 

runners-up prizes of Photoshop 7 into the bargain. 

What are you waiting for? Just answer one easy 

question and enter our competition today. 


Adobe Design Collection 


The Adobe Design Collection comprises four full 
versions of the main digital image-editing software 
from Adobe. Create original artwork with the full 
version of /llustrator 10, design layered images with 
Photoshop 7 software, and assemble compelling page 
layouts in InDesign 2. Then use Adobe Acrobat 5 to 
share your work electronically with anyone, anywhere, 
on any device. 

The Design Collection supports Mac OS X and 
Microsoft Windows XP 


Adobe Photoshop 


Photoshop 7, the professional image-editing standard, 
helps you work more efficiently, explore new creative 
options, and produce high quality images for print, the 
Web, and elsewhere. Create exceptional imagery with 
easier access to file data; streamlined Web design; 
faster, and professional-quality photo retouching. 
New features include: 

File Browser — to visually browse and retrieve images 
Healing Brush — to remove elements such as dust, 


scratches, blemishes, and wrinkles while preserving 
shading, lighting, and texture 

Web output enhancements — to easily apply 
transparency or partial transparency to Web page 
elements, including seamless edges that blend into 
any Web background 

Single, enhanced Rollover palette — to manage Web 
page rollovers, animations, and image maps 

New ’selected’ rollover state — to create more 
sophisticated Website navigation bars without 
hand-coding 

Customisable workspace — to save the arrangement of 
palettes and settings for tools, and instant access to a 
personalised Photoshop desktop 

Auto Colour Command — for reliable colour correction 


Just follow our tutorials in this issue of Computer Arts 
Special to see what Photoshop can do. 


The Question 


Simply send us the answer to the following question: 
Which design company has supplied our graffiti 
tutorial on page 16? 


To Enter 


The easiest way to enter is via our Website at 

[w] www.computerarts.co.uk/competitions. Or you can 
click the Competition tag on the Contents screen of 
our cover CD, then enter Adobe as the competition 


name, and fill in the rest of the form. Click Submit 
Entry. Alternatively, send your answer on a postcard, 
along with your address and a contact number to: 
Adobe Competition, Computer Arts Special, 30 
Monmouth Street, Bath, BA1 2BW. 


The Rules 


The competition closing date is 20 February 2003. 
Employees of Adobe or Future Publishing, or any of 
their agents or families, may not enter. Multiple entries 
will not be accepted. The editor's decision is final. There 
are no cash alternatives. No other correspondence will 
be entered into. Please indicate if do not wish any of the 
companies involved in this competition to contact you 
with further offers. We won't pass details on to third 
parties. Competition is open to UK residents only. 


Previous winners — issue 37 


Plasma winners — Aloysius Sim from Singapore, 
Raghu Ram from Thivila Road. Swift 3D winners — 
Chris Goddard from Mansfield, Thomas Benson from 
Bangor, Viv Carlson from Liverpool 


Previous winners — issue 39 


FontLab and Scene font family winner — J Ayenne from 
Essex. Runner-up —Tyson Burnham from Logan, USA 
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Steve Danzig 


‘Tm trying to promote myself as a fine artist working with digital technology - rather than 
branding myself as a commercial artist per se,” says the creator of this haunting, beautiful imagery... 


ustralian Steve Danzig first contacted 
Computer Arts after reading profiles of 
colleagues such as David Ho, Mike Bohatch 
and Alessandro Bavari. What this particular 
group of artists have in common is their remarkable 
ability to use photo-manipulation and fine art 
techniques to create works reminiscent of a previous 
era, with themes relating to humanity and sexuality. 
When asked about his own style, Steve answers: “In 
my latest work, | have contemporarised some 
thirteenth century elements and you can see 
Boschesque human/demon figures featuring in my 
art. The work by nature is reminiscent of early 
European cinematography or operatic stage design.” 
Steve's based in Melbourne but his work has 
been published all over the world, including the New 
York Times, Verve magazine, the Museum of 
Computer Art Website and on numerous CD and 
album covers. Steve's style has also been found to 
suit books relating to psychology, a subject that he 
finds fascinating. “Most of my work encompasses 
areas of psychology, highlighting specific themes 
relating to self and questioning our social matrix,” 


says Steve. He prefers to explore specific themes and 
story lines, spending a great deal of time sketching 
ideas down before starting out. “I like the work to have 
an organic synchronicity — although the basic 
structure of the work may sometimes change in 
production due to the many options presented in 
digital media.” 

Steve's views on digital art and media are 
frequently expressed in articles, papers and while 
speaking at universities and events. As one of the 
major tools used in his work, Photoshop has played a 
defining role in the fast development of digital art. 
“Photoshop has presented a creative freedom that 
goes beyond definition,” he says. “Its ability to 
integrate on different levels enables me to explore 
and push new creative boundaries. On a professional 
level, this integration with digital technology means | 
wear many different hats: photographer, Web designer, 
graphic designer and fine artist.” 

Aself-confessed digital junkie, Steve spends most 
of his time attached to his Mac. “In both my fine art 
and commercial art life | am completely digital. | take 


my office and studio with me at all times. Being 


plugged in is very important to me, | would say that 90 
per cent of my person-to-person contact is online.” 


Communicate and collaborate 


That's not to say that Steve is a hermit; collaborations 
with worldwide figures such as US digital artist 
Laurence Gartel have helped take his work to the 
international stage. Last year, he found himself with 
Laurence at a photo shoot which involved suspending 
30 people from the ceiling of a New York warehouse. 
“We have been working on his documentary film and 
print project called The Art of Fetish, a commentary 
exploring sexual behaviour as social-subculture 
construct. So far, more than 10,000 images have been 
recorded on this project.” 

In 2003, Steve may also have the opportunity to 
see one of his own illustration series animated. The 
Unearthly Delights series combines photography with 
detailed textures to produce a range of beautiful 
scenes and figures. To watch this come to Life is an 
exciting prospect. “It’s a huge undertaking to co- 
ordinate a production team of writers and animators 
who can share your vision,” he enthuses. “What will 


Images from the Death Series, which Steve 
started in 2001. This intricate series of 
illustrations explores the psychological 
issues surrounding behaviour, self, truth, 
hope, heaven and hell. 
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be interesting is seeing how the story develops. 
It could even turn into a kind of Peter Greenaway 
meets The Osbournes | guess!” 


Wearable art 


Books, magazines and galleries aside, Steve's work 
can also be seen on a new range of clothing for 
Australian fashion label Vicious Threads. “It’s been an 
interesting project in that | don't think about it in terms 
of my art being used for fashion. It was really about 
listening to their vision and ideas about how they 
wanted to incorporate my art into their designs.” 

It’s evident from the varied work and projects that 
the chance for a break is rare in this busy artist's life. 


What is interesting is that Steve doesn't draw a line 
between the different kinds of work — those asa 
professional illustrator and those as an exhibiting artist. 
“At the moment, | don't distinguish between what | do 
commercially and what | output as fine art,” he admits. 
“The last two years have seen much more interest in my 
work from galleries and collectors. Between 2001 and 
2002 he participated in around 30 international 
exhibitions. So ina sense | am both selling my images 
as fine art prints to collectors and galleries as well as 
producing work for the record companies and 
publishers that commission my work for book covers or 
CDs.” As all his collaborative efforts are funded, for 
Steve it’s a question of establishing himself as an 
accomplished artist who crosses many borders. “I’m 


really trying to focus and promote myself as a fine artist 
working with digital technology — rather than branding 
myself as a commercial artist per se.” 

From his point of view, the industry is alive and well 
and offers a great many opportunities for talented 
digital artists. He believes that it’s the artists 
themselves who determine their own success. “It’s all 
about learning the language and communicating 
effectively. | think what is most important is the ability 
to respect your audience because, if not, they'll work 
you out in about two seconds flat.” EEE 


International Digital Art Awards 


Extra-curricular activities all over the world... 


In addition to his role as a digital artist, Steve is the Executive Chair for the 


International Digital Art Awards. Both an online and touring exhibition, the 


Awards have been running since 2000 and attract over 2500 entries each 


year. And while previously focusing on the 2D image, this year they are 


including new media entries. 


“The Awards demand an almost full-time investment on my part,” says 


Steve, “including the usual chaos of preparing the 2500 images for judging, 


organising PR and marketing and booking the international exhibitions.” 


The event travels each year from Australia to the US and Russia. “I usually 


travel with the Awards, which involves giving lectures at universities and 


presentations at the galleries.” 


The Awards are supported by an international committee of artists and 


sponsors, including one of Steve's main collaborators, American digital artist 


Laurence Gartel. 


Visit the online galleries of the International Digital Art Awards at 


[w] www.internationaldigitalart.com. 


Steve created the Unearthly Delights 
series for an international touring 
exhibition of the same name. With the 
possibility of being converted into an 
animated series, the deeply textured 
illustrations are intended to convey 
subjects such as hedonism, penance, 
death and rebirth. 
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Photosnop in the pictures 


Got Photoshop skills, design knowledge, and an imagination? 
Then why not get some work in the motion picture industry? 


Five Photoshop pros discuss their experiences in > ~ , 


Hollywood and beyond... 


here's no denying that the movie industry is changing fast. Traditional hi 
effects techniques are being brushed aside by computer-generated ~ 
ones, and digital artists around the world are being urged to a 
learn 3D applications like Maya, or high-end editing and 
compositing packages along the lines of Avid or Shake. However, 
there's every chance you can earna tidy crust in an exciting, 
rewarding, and, dare we say, glamorous role, with nothing more 
than trusty old Photoshop and a Wacom tablet. 


From sketch to screen 


Some of the first people to be hired when a film 
goes into production are the concept artists. 
After the producer, director and production 
designer are on board, a team of three or four 
concept artists is recruited by the production 
designer. They are immediately asked to 
go through the script visualising key 
settings, characters and props mentioned. 
Some concept artists work on the bigger 
items, such as the sets and backdrops, 
while others develop the look of 
characters, costumes, props and 

vehicles. Either way, what concept 
designers draw, paint and render is a 
strong determining factor in how the 
movie will look and feel as a 

finished product. > 


MONGRE BFERRLANTESRTE rs 


harald belker 
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Feature Photoshop in the pictures 


The tools of the trade 
Concept design, matte painting, and texture 


painting each call on different areas of 
Photoshop's toolset... 


Concept artist James Clyne tends to use Photoshop ina 
painterly fashion, and focuses very much on the Brush tool. If 
Photoshop doesn't have the brush he needs, he either designs 
acustom brush within the application, or creates one on paper 
and scans it in depending on the requirements of the piece. 

Because he focuses on vehicles and their surfaces, Harald 
Belker prefers the precision of the Path tool. “If you try to get 
very shiny surfaces, or very controlled surfaces with nice 
gradation, that very mathematical tool, the Path tool, is perfect 
for the job,” he says. 

For his texture painting work, Jason Horley at Framestore- 
CFC focuses on the Dodge, Burn and Sponge tools, as well as 
the Airbrush. For their matte painting work, Allan Walker and 
Seung Ho Henrik Holmberg mainly use the same set of tools 
as Jason. All the artists use layers, colour modes and channels. 
Seung Ho also recommends setting up Actions. “When you do 
a specific task 200 times a day, if you can save two seconds 


each time, it saves you a lot of energy and time,” he explains. 


The texture maps used for skins on the 
creatures in the BBC's Walking With Beasts 
series were painstakingly painted in 
Photoshop by texture artist Jason Horley and 
his colleagues at Framestore-CFC. 


Photoshop is becoming a number one tool for concept designers in 
Hollywood today. Artist James Clyne, who has worked on Artificial Intelligence, 
Mission To Mars, and Minority Report, swears by it — it’s 75 per cent of what he 
does. For Minority Reporthe developed the look of an entire city, exploring its 
architecture and inner workings. Another highlight was a cityscape image he 
created for Artificial Intelligence. “It was never shown in the film but it was of 
New York submerged in flood water at the end of the film. What | did was a 
painting in Photoshop of the actual back shot and they blew that up for a full- 
size matte painting. Matte painters went over that and did the full-size one. 

It's nice to see a digital rendering at that scale, blown up to a full-size, practical 
matte painting,” he explains. 

Like Clyne, German car design expert Harald Belker worked on Minority 
Report. Known in the field for creating the 28-foot, winged Batmobile for Batman 
& Robin, one of Belker’s recent challenges was the design of the red Lexus driven 
in Minority Report. “We had no time,” he says. “By the time we got the okay to do 
a sports car like that, and with the schedules of fabrication, we had three weeks. 
That's from first sketch to finished 3D model. | sketched for a week, and then we 
did a small presentation, and then we spent about 12 days building a model in 3D, 
ona computer. That was the unbelievable challenge — to do it that quickly. The 
whole car is kind of raw. The goal was to do something cool.” 


Welcome matte 


Concept design is a traditional area of creativity within the motion picture 
industry that’s being infused with digital technology. Another is matte painting. 
Mattes used to be painted by hand onto huge background plates that were shot 
photographically. Today, they're likely to be painted in Photoshop and 
composited with digitised footage. Because it enables directors to give the 
impression of expansive settings, matte painting is a cost-effective way of 
boosting the grandeur of any movie, providing the mattes are believable. They're 


The flat maps for the skins most often used for historical, fantasy or science fiction productions. 


are wrapped around their “Realism in the sense that it has to belong ina set is essential,” explains 
animated 3D models in Seung Ho Henrik Holmberg, a freelance Photoshop artist who recently worked 
es 7 age on the TV programme Pyramid at Mill TV. “However, it’s equally important for the 
pia Er initio otan painting to communicate to the viewer, to tell the story. A matte painting is not 


image from the series. just a background or set extension, it’s an artist's work. To me, a matte painting 


has an artistic value in itself, and sometimes you can get quite attached to it, 
much like personal non-commercial work.” 

Calibre Digital Pictures in Toronto is an up-and-coming CG facility that has 
developed a reputation for matte painting work on historical and fantasy > 


This proposed Lexus car was 
one of the most challenging 
creations of Harald Belker and 
the art team on Minority 
Report. \t took them just three 
weeks to take the red Lexus 
from sketch to rendering. 


MINOR TT AF HREEPERE™™ 


12.20.00 


When the car was composited in 
Photoshop with a real Capital 
Hill setting, the production 
designer and producer got a 
much better idea of how the 
conceptualised pod would look 
in the finished film. 


This sketch of a futuristic 
vehicle for Minority Report, by 
Harald Belker, gave the film 
producer a rough idea of what it 
might look like in the movie. 


THE MINORITY REPORT ART DEPT. 


Five tips from the pros 


Matte artist Seung Ho 
Photoshop is a great tool, but it won't win you ls rio algo 
work by itself. Follow this advice, however, and pyramid is being built 
you could be on your way... mete oe hoa 

background, sky and 
“You have to be able to sketch. Sketching has to become an Pane Raa Sree, 
automatic thing, where you're not thinking ‘How am | going to 
sketch this?’ — it is just your thoughts drawn on paper. | would 
say it took about 10 years for sketching to become a thing This desert setting was 
where | didn't have to think anymore.” Harald Belker, freelance among the shots that had 
concent ari ee 

Pyramid TV programme. 
“Do some period pieces, research them for accuracy, and do tose ake 
some science fiction too. Look at what people have done for the shot. 


before you — like, the history of matte painting — for 
inspiration.” Allan Walker, matte artist, Calibre Digital Pictures 


“Have a strong knowledge of perspective. A lot of guys don't 
really know the science behind perspective — the laws 
behind it.” James Clyne, freelance concept artist 


“You need to know the digital medium as a whole. You have to 
have a fundamental understanding of your pixels. Being 
computer savvy and knowing the industry terms, pipeline, 
some 3D, and compositing helps a lot.” Seung Ho Henrik 
Holmberg, freelance matte artist 


“One common mistake is to think it’s just a case of taking 
photos and slapping them on a model. It's not as simple as that. 
Photos are great as a reference, but you can't use them on their Here are two examples of what 
artist Harald Belker thought 
the Green Goblin’s flying 
machine might look like in the 
recent CG hit Spider-Man. 


own to create a texture map because they have highlights and 
shadows on them already. It’s a discipline in itself to paint a 
skin without any shadows. You have to think ahead at how it'll 
look when rendered with bump maps to provide texture detail.” 


Jason Horley, texture artist, Framestore-C FC 
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For the North aa iH ae <2 as : 5 pictures. According to Photoshop matte artist Allan Walker, the company has its 
American show Bes eee. fies, a matte-painting process down to a tee. First, there's previsualisation. Rough 
Salem, Calibre 5 Ae ; ; mattes are developed, often with reference to plates from the live footage, which 
Digital Pictures f ; , : can quickly be shown to a client. The second step is gathering reference 
matte artists were i 4 . . © * se), 
supplied with fnae material, be it from books, other productions or digital photographs. Then it’s 
footage that looked i | i down to the paintwork in Photoshop. Allan can create up to 70 Photoshop layers 
like this. os during this process, as he aims to keep the mood totally in-fitting with the 
production. Finally, the compositors combine the matte layers with the live 
footage, and the finished shots are sent off to the client. 


Textures with feeling 


While concept design and matte painting are old movie industry skills that are 
peepee beers : : ef going digital, texture painting is a brand new area. Every movie that uses 3D 
had finished their ‘ | he 3 graphics needs artists to digitally paint the texture maps that form the surfaces 
Photoshop magic, a 5 lianas ORES ; of the 3D objects in the shots. It’s a niche field, and, like matte painting, requires 
and the shot had : acute attention to detail — otherwise the 3D objects will look out of place and 
restart: jolt the audience out of its suspension of disbelief. 
and altogether I an With experience at Walt Disney Feature Animation, Jason Horley joined 
more interesting brother Daren as a texture artist at the London effects house Framestore-CFC 
aspect was given ‘ just over two years ago. He's seen action on Dinotopia, Walking With Beasts, The 
oe Lost World and Harry Potter And The Chamber Of Secrets. “Definitely the most 
challenging project so far has been texturing the Basilisk from Harry Potter,” 
says Jason. “This was a big creature. The texture map was 50,000 pixels in 
length, so big in fact that we had to split it up into five 10K sections. | worked on 
the texture maps with one of my colleagues, Danny Geurtsen. We would work on 
a section each and then join them together, overlapping them slightly to make 
sure the texture map was continuous right down the length of the snake's body.” 
Jason's next project is a movie adaptation of the '60s TV series Thunderbirds, 
and he anticipates hard surface models and environments, rather than skins for 
dinosaurs and beasts. He predicts texture maps will only be getting bigger and 
The recently produced Man Who Saved Christmas saw Calibre's bigger as CG expands its influence in the film industry. And that can only mean 


artists, including Allen Walker, painting visuals like this overhead more opportunities for Photoshop artists. FEES 
view of a community in winter, as well as more traditional matte work. 


Technica 


Essential Photoshop techniques for organising your workspace, customising 
Web graphics, and perfecting digital photographs... 


Ask Whan Opening (3) Ask When Pasting 
Ask Wien Opening 


When importing colors into a CMYK doc 
precedence over the appearance. 
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E66 Graphics for the Web 


Using existing designs for the punk band Hacksaw, 
Chris Schmidt shows you how to reduce the file size of 
graphics for use on Web and mobile phone platforms 


068 Slicing images for Web use 

p69 Optimising and saving images 

p70 Creating and saving buttons 

071 Design graphics for mobile phones 


0/72 Customise your tools 


Alistair Dabbs explains how personalising your workspace, 
customising your brushes, and setting up Actions makes 
working in Photoshop quicker and easier 


074 Personalise your PS desktop 

075 Create custom brushes and shapes 
076 Set up automated actions 

077 Batch processing made easy 


0/78 Colour correction 


Unhappy with the colours and lighting of your digital 
photographs? Follow our tutorial to find out how to achieve 
the correct balance in your digital images 


081 Covert your image to a colour profile 
083 Print Image Matching 
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Itustration: Fudge Studios [w] www.fudgestudios.co.uk 


From Photoshop 
to the Web 


Use Photoshop's Save for Web feature to get 
the best quality, lowest file-size graphics for 
the Web and mobile phone platforms... 


hotoshop and its sister 
application provide many 
tools for creating and 
optimising Web graphics. 
The Save for Web feature is essential to 
many designers working in this medium 
and it provides largely acceptable 
results. However, with a little 
understanding of the production side 

of site building, the designer can 
provide intelligence that the software 
might not consider. 

To demonstrate this, we're using a 
signed-off design for the small two-piece 
punk band Hacksaw (the finished site can 
be seen at [w] www.hacksaw.org.uk). As 
well as creating the graphics necessary to 
build the Website, the client has asked for 
graphics that could be used as part of an 
intended WAP site and could also be 
done straight from Photoshop. 

For both Web and phone platforms, we 
need to reduce our graphics files to the 


Site design and expertise 
provided by Chris Schmidt at 

fw] track5.co.uk. You cancontact 
Chris at fe] chris@track5.co.uk. 


smallest possible size without losing 
too much detail. This balance of 
optimisation is ideally suited to 
Photoshop, although ImageReady 
provides a range of tools specifically for 
Web designers that can be compared 
with working permanently within 
Photoshop's Save for Web environment. 

Original designs can be assigned to 
slices to automate the production 
process; rollover images can be easily 
created; and more specific features, 
such as image maps and basic 
animations, can also be developed 
without having to leave your preferred 
image-editing software. 

Although you may be familiar with 
some of the initial techniques covered 
in this tutorial, keep reading and 
you'll soon discover some more 
intelligent approaches for converting 
your graphics which Photoshop might 
not automatically consider. > 


</ The Photoshopfilesneededto 
support this tutorial can be found - 
in the Tutorial\Web folder onthe 
cover CD. : : 
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| Tutorial From Photoshop to the Web 


Part 1: Slicing your artwork 


Before the conversion of your original design, you need to consider how it'll be reproduced for the Web... 


GIF or JPG 


For best results, you need to be 
able to identify the best format 
fora particular image type. 
GIFs are best suited to flatter 
images, such as text or images 
with minimal colours, while 
the JPG format is best used for 
the variable colour tones found 
in more natural imagery, such 
as photographs. 


rt | Open the file layout.psd from the cover CD 


and take a moment to familiarise yourself with el First, hide the components of the page that 
the design, page structure, layers, and so on. fa By viewing the guides (View>Show>Guides) won't be converted to graphics, namely the 
Despite the overriding colour effect, the default you can see how the original design was laid main copy, secondary navigation and photographs. 
page background will be the grey in the horizontal out, which provides a good starting point for the You can now see the graphical components of the 
bars (#666666). structure of the final page’s HTML table. design and decide how to slice the page. 
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5 | You could convert this to a Web page at this 


4 | Using the Slice tool and the aid of the guides, point although the results would only be G This leaves you with the bare bones of the 


create slices around the major components of wate for this particular page. For reasons we'll page design, which will feature on every page 
the layout. As you may not be too sure of the end explain further in a moment, hide all the variable of the site. You can now convert them into HTML 
purpose of the design, we've provided the finished text elements of the image, such as the navigation and graphics. Choose File>Save for Web to launch 
slices in the layout_sliced.psd file. and titles. the Conversion tool. 


7 | Using the Slice Select tool, choose individual 
slices to determine the best methods of 
compression for individual elements. In this case, 


the composition of the design is generally best 8 | As the imagery is naturally softened, the 9 | The resulting HTML file and reliant images are 
suited to the JPG format, so you can apply the same optimised files should be quite efficient with a then optimised, sliced and saved. They're 
settings to all the slices by selecting them all via medium setting. Click the Save button to determine —_ ready for the next stage of the site's development 


Ctrl+A (Win) or Option+A (Mac). a file name and location for the converted objects. within an application such as Dreamweaver. 


Part 2: Compressing parts of an image 


Make the most of background and foreground elements that might be best suited to different formats... 


Improving 
workflow 


If you've got multiple clients, it's 
often impossible to keep as 
detailed an eye as you'd like on 
the way the site changes. 
Converting key elements of your 
design into individual 
components is a great way of 
speeding up tasks when future 
changes are required. By 
creating such templates, 
updating the site becomes as 
simple as amending the text. 


Save your settings 


Similarly, you can save any 
optimisation settings directly 
from the Save for Web interface. 
This allows you to quickly select 
aconfiguration that's guaranteed 
to match that already used on 
the existing site, thereby 
reducing the risk of colour 
clashes and so on. 
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a Returning to your sliced PSD file, you can 
now make the variable text graphics visible 
again so you can determine how best to convert 
them. The GIF format is best suited for these 
flatter text elements and has the advantage of 
supporting transparency. 
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The side ABOUT title will change to match 
different areas of the site. You could save it as 
is, but this would create an unnecessarily large file. 
As the background has already been created, you 
can isolate the text and save as a GIF using 
transparency to show the background. 


Bec 


g 
To bypass this, select the GIF format from the 

settings options and select the transparency 
option. To improve the anti-aliasing around the 
image, choose Other from the Matte options and 
enter the background hex code (#FF6633). 
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Creating PSD files for individual components 

is a useful way of keeping your workflow 
organised when it comes to future changes. 
Duplicate your file a few times (Image>Duplicate) 
and crop around the titles and navigation to create 
dedicated files. 


a First, make a note of the dominant 
background Web safe colour using the 


Eyedropper tool, which in this case is #FF6633. Then 


hide the background leaving only the text visible 
and go back to the Save for Web tool. 


8 | Although this might give the appearance of 
losing quality if you zoom in closely on the 
image, you'll notice the matte colour being applied 
to the edges of your text. In this case, you can 
safely reduce the colours down to four before 
saving the file. 
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Remove the redundant guidelines via 

View>Clear Guides and save these individual 
files with suitable file names. You can also safely 
remove any slice information at this point, as each 
component is self-contained. Now your new objects 
will be much more identifiable. 


G Notice that your previous JPG settings will 
probably be remembered, and the optimised 
preview probably isn't as sharp as you'd expect. Plus, 
the background will have been filled to compensate 
for the format's lack of transparency support. 


9 | When this image is then used over the original 
background, which has been moved into the 
HTML tables background, the matte colour 
improves the relationship between the two objects. 
It offers the most optimised settings for each 
element when viewed through the browser. > 
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Part 3: Optimising functional graphics 
Using ImageReady to create rollover graphics and code... 


Animating rollovers 


ImageReady also allows for the 
easy creation of simple 
animated graphics. Although the 
animated GIF might be generally 
frowned upon, placing a subtle 
animation as part of a 
background effect for the 
rollover state can produce some 
interesting results. 


Open the nav.psd file from the CD (onto Make sure you can see the Rollover palette via 

which we've assigned each of the navigational Windows>Rollover and then slice the Select these in turn and click the Create 
elements to its own layer) and hit the Jump to navigation into individual components for each item. Rollover State button at the bottom of the 
ImageReady button at the bottom of the toolbar to You'll notice how each slice is assigned its own palette to generate a relevant thumbnail for each 
launch Photoshop's sister application. instance within the Rollover palette. object within the palette. 


. reed You can now test the different states by G Before you save your navigation, you can 
4 | The original file contains corresponding layers selecting the relevant thumbnail directly from further enhance the quality of your files as you 
intended for the Rollover state. To apply these the Rollover palette or via File>Preview In and did in the previous stage. Choosing one of the 
you simply need to select each Over State thumbnail, choosing your preferred browser to see the normal state buttons, hide any background elements 
hide the original layer and display the new layer. Rollovers in action. until you're left with text over transparency. 


- 8 | Once you're happy that your rollovers are The code to both the original background 
You can also save time in the coding for such a functioning as intended and point to the right foreground elements can now be put together 
navigational item by entering the address of location, you can save the end result via File>Save to provide the basis for your page layout, which is 
the targeted page within the URL of the Slice Optimised as and choose a location for the HTML ready to have the actual content introduced to 
palette, which is available through Window>Slice. and related graphics. provide the finished site. 


Part 4: Graphics for mobile phones 


How to make the most of two colours and a canvas the size of a stamp... 


Ideal graphics 


Phone graphics need to be 
identifiable due to their size and 
colour limitations. Often creating 
new graphics from scratch or 
using sharper vector tools to 
create the original idea produces 
better results when converted 
into the WBMP format. 


Expert advice 


For more technical advice on 
creating content for mobile 
phones, check out the Nokia 
developers forum at 

[w] www.forum.nokia.com. Here, 
you can find out about phone 

specifications and get a better @ 


‘ fyb Les graphics for mobile phones are the restrictions limit for WBMP is 150x150 pixels, but even this memories and slow connection speeds, the file 

iiea of the kind of limitations imposed. Images must be saved as two-colour is too big for most phones. For example, the most size too must be small -— 1.461 bytes is the 

this form of media has. WBMP files, which knocks everything down to common Nokia resolutions tend to be between maximum. Fortunately, the format and dimensions 
black and white with no anti-aliasing possible. 84x48 through 96x65 up to 128x128 on average. help greatly by stripping out excess data. 


HACKS AY 


a The current dimensions are too large for a 


4 | To make a graphic of the band name, select phone graphic, so reduce the image size to 95 G The quickest method of converting the image 


the Hacksaw title layer, select all and then pixels wide keeping the proportions constrained. into the correct colour depth and format is to 
copy. Create a new file, which will automatically De-saturate via image adjustments and, keeping run it through the Save for Web tool. Select this and 
define the correct dimensions, and paste the title transparency locked, fill the text layer with black to choose the WBMP option. Keep the Dither settings 
into place. increase the contrast. at Diffusion and 100 per cent, then save. 


HACKS AY 


Open the converted file and zoom in until you - See — 

can see the individual pixels. Open a new 8 | Using the Pencil tool at a size of 1 pixel, you 9 | Once you're happy with the end result, you 
window via Window>Documents>New Window so can now manually clean up the image to make can simply save the file or run it through the 
you can see how any changes affect your image at the end result much clearer than the initial Save for Web tool again before using it as part of 
actual size. conversion could allow. your mobile site. FEES 
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The first thing to be aware of when creating Second, the dimensions are tiny. The upper area Due to the limitations of mobile phone 
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Illustration: Fudge Studios [w] www.fudgestudios.co.uk 


Customise tools 
in Photoshop 


Why be a slave to art tools when you can 
create, customise and automate your own? 


Here are four steps to interface mastery... 


hen Adobe sings the praises 
of Photoshop's intuitive 
interface, the company isn't 
just chanting about the way 
floating palettes dock together. One of 
the main reasons Photoshop is so 
accessible is that Adobe has combined 
the dual advantage of having lots of 
ready-to-go features (such as colour 
swatches and effects filters) and do-it- 
yourself customisation. In other words, 
Photoshop's defaults are powerful 
enough to get you started, but they can 
also be customised and automated 
quickly to take you to a higher level. 

But while working with custom 
swatches and layer styles is common 
enough, many Photoshop users have yet 
to explore other ways of personalising 
the program. Personalisation often gets 
a bad press, as if changing the look and 


feel of a program is best left to anal 
retentives and people with too much 
time on their hands. Here, we want to 
encourage you to personalise your copy 
of Photoshop as a means of speeding up 
your work rather than slowing it down. 

This tutorial introduces the process of 
customising and saving new brushes and 
shapes for re-use and sharing, setting up 
complex automated Actions, and even 
automating the triggering of Actions 
across any number of images with little 
more than a click and a drag. To start 
with, though, we take a look at a sadly 
overlooked personalisation feature in 
Photoshop known as custom 
‘workspaces’. The one common thread 
through these customisation functions is 
that they’re intended not so much for the 
most organised Photoshoppers, but 
actually forthe sloppiest. > 
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Part 1: Personalise your workspace 


The easy way to keep your workspace tidy... 


Preset Manager 


Although the normal place to find 
the Preset Manager command is 
near the bottom of the Edit menu, 
itcan be called up froma 
number of palette menus too. 
This includes the Brushes, 
Swatches, Styles and (of course) 
Tool Presets palettes. 
Additionally, you can callit up 
from the Palette menu of any of 
the Tool Preset pop-ups in the 
Options bar. 


Brushes preview 


When browsing the Brushes 
palette, you don't need to 
physically click on each preset 
brush in order to view its preview. 
After all, this might lose any 
unsaved customisation you've 
conducted on the currently 
selected brush. Instead, just let 
the mouse pointer hover over a 
preset name. First the tooltip 
label pops up, then a second later 
its preview appears in the palette. 
This temporary preview clears as 


soon as you move the mouse. 


After just an hour or so’s work, it's not 

uncommon for Photoshop's palettes to be 
spread everywhere. Only the most anal retentive 
among us think about docking some to the Palette 
Well when they're not being used. 
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By default, Photoshop remembers the status 

and position of all your palettes from when 
you last exited the program. If you'd rather 
Photoshop launched with reset palettes each time, 
press Command+K (Mac) or Ctrl+K (Win) to open 
the General Preferences window and untick Save 
Palette Locations. 


Obviously that workspace isn't appropriate for 

other types of Photoshop work. For example, 
when using the Brush tools, you'll want the Brushes 
and Swatches palettes prominent. So just repeat the 
previous step, this time giving this painting 
workspace a different name. 


You can always dock, combine and close 
palettes at this point, but there's a quicker 
method for cleaning up a messy screen layout. From 
the Window menu, click on Workspace and choose 

Reset Palette Locations from the sub-menu. 


G A better idea would be the ability to reset the 
palettes back to a layout you'd prefer, rather 
than to that default layout. So arrange the palettes 
as you normally like them, then from the Window 
menu, click Workspace and choose Save Workspace 
from the sub-menu. 


8 | In just a couple of minutes, you could set up 
and save workspaces for a variety of common 
Photoshop tasks. Once done, you can call up the 
most appropriate workspace for the job in hand 
from the Window>Workspace sub-menu for instant 
access to the right palettes. 


Here's the result. No matter which palettes 

you had open and how they had been 
arranged, everything is sent back to its original 
default status and position. However, any Palette 
Options settings you've made (such as Thumbnail 
Size) will be preserved. 


Save Worksnace 
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6 | A little dialog window appears, prompting you 
to give your saved palette layout (or 
‘workspace’) a name. Here you can type in ‘My 
palette layout’ or similar, but in this instance let's 
say this is a good layout for handling colour 
adjustment in photos, so name it as such. 
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On the subject of workspaces, you might also 
g like to consider customising the content of 
certain palettes and dialog windows by selecting the 
Preset Manager command from the Edit menu. We'll 
explain how this works in Part 2 of this tutorial. 


Part 2: Create custom brushes and shapes 


Customise and save new brushes and shapes for re-use and sharing... 


Brush size 
shortcuts 


To increase and decrease the 
size (width or diameter) of a 
selected preset brush in 10-pixel 
increments, tap the ] and [ keys 
respectively. When using 
calligraphic brushes, pressing 
Shift-] and Shift-[ increases and 
decreases the hardness of the 
brush edge in 25 percent jumps. 
Remember to use these 
commands between strokes, 
since they won't work as long as 


the mouse button is pressed. 


Switch to the Brush tool and open the Brushes 

palette. Click on the Brush Presets to view a 
list of ready-made brush styles. Click on one and try 
it out. Now use the Brush Tip Shape options and 
other controls to customise this brush further just as 
we've done here. 


Test Only 
Sal Thumb 
__f}! tye toca 
|| 9 wart tote wera Te Sea ust 

“ 7 Large Uist 
Stoke Tumba 


® pry seusn 
Rov 


Replace Brushes... 


‘Assorted Brushes 
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You can manipulate the presentation of the 

Brush Presets from the Preset Manager dialog 
window (Edit menu). Here you can change the 
order to move your new brush higher in the list, 
switch brush sets or even use the Reset Brushes 
menu to return to the default list. 


Your cauliflower brush is immediately available 

for use from the presets in the Brushes palette 
and Preset pop-up in the Options bar. Reduce the 
brush size and play with it to obtain some 
interesting variations. Just remember to save any 
further customisation as a new preset. 


Dock to Palette Well 
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Glear Brush Controls 
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If you wanted to use another preset brush at 

this point, you'd lose all your customisation 
settings from the currently selected brush. So click 
on the Brushes palette menu and choose the New 
Brush command. Type in a name for this altered 
brush and click OK. 


3 With your customised brush saved under its 
new name, it's added automatically to the 
bottom of the currently active list of Brush Presets in 
the Brushes palette. You'll also find it at the bottom 
of the Preset pop-up list in the Options bar when 

the Brush tool is active. 
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Now try this little trick for creating a new 

custom brush from scratch. Open any image 
and look for an interesting texture that might make 
a decent brush, such as our cauliflower here. Trace 
around it using the Lasso tool, then choose the 
Define Brush command from the Edit menu. 


Free Transform Path 
Transform Path 


Original vector shapes can be saved as new 

presets in a roughly similar way. Here we have 
converted an ‘e’ character to outlines and distorted 
it. With the shape layer selected, choose the Define 
Custom Shape command from the Edit menu. Name 
it and click OK. 
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6 | A prompt appears, just as in step 2, asking you 
to type in a name for your new brush. Take 
note of two things here. First, a thumbnail of the 
brush itself is shown. Second, look at the sheer size 
of the brush, in this instance 310 pixels wide. 
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As with the Brush tools, the new shape has 

been added to the list presets, which are 
available in the Options bar when the Custom 
Shape Tool is selected. Again, you can use the Preset 
Manager dialog window to move it higher in the list 
for convenience. > 


Tutorial Customise your interface | 75 


76 


| Tutorial Customise your interface 


Part 3: Create repeat actions 


Set up complex automated Actions... 


Historic Actions 


ImageReady differs from 
Photoshop in its treatment of 


History and Actions. 


ImageReady allows you to drag 


and drop commands from the 


History palette into the Actions 


palette, so you can capture 


something you have already 


done. Frustratingly, Photoshop 
won't let you do this: instead, you 


must prepare and record all 


Actions deliberately, not add 


them from the History palette as 


an afterthought. 


Shrink « Poserize 
‘atau Actions ain 
{none 1a} Ss) 
Diners “3 


Photoshop's default set of Actions is offered 

principally as a demonstration of the Actions 
feature. To better understand it, create a new Action 
routine yourself. Start by clicking the Create New 
Action button in the Actions palette, give it a 
descriptive name, and click Record. 
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In certain instances, it might be better for the 

automated Action to present you with a dialog 
window so you can enter different values as 
required. To make this happen, click on a command 
in the Action, then click on the Toggle Dialog 
On/Off icon next to the tick to activate it 
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Not all Photoshop commands can be recorded 

by the Actions palette, such as view options 
and zoom levels, because strictly speaking they're 
not actions that edit the image in any way. You can 
still insert afterwards, though. Choose Insert Menu 
Item from the Actions palette menu. 
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Photoshop will now memorise each 
identifiable command and filter you carry out 
in sequential order until you click the Stop 
Playing/Recording button at the bottom of the 
Actions palette. Here, for example, we have 
reduced an image in size, sharpened it and 
posterised it, then clicked Stop. 


LT 


You can also insert a pause in the routine, 

perhaps to present instructions before the 
following step. Click on the command in the 
Actions palette after which you want the pause, 
then choose Insert Stop from the palette menu. 
Type the message you want to appear and tick 
Allow Continue. 
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8 | The Insert Menu Item dialog window appears, 
waiting for you to choose a menu item. In 

our case, we want the Action to end by displaying 
the final image at a zoom of 100 per cent, so 

we're inserting the Actual Pixels command from 
the View menu. 


g Without further ado, you can immediately 
conduct the same routine of commands to other 
images. Just open any image, click on the Action 
name to select it, and click on the Play Selection 
button. Here, everything has been shrunk, sharpened 
and posterised to the same specific values. 


‘Adobe Photashop 


Drag on the ‘Amount’ slider to sharpen the 
image. 


G Now when you run the Action, you're 
prompted to enter values for every command 
with the Toggle Dialog On/Off activated, and the 
Stop command you inserted has the effect of 
popping up a little message like the one shown here. 
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Just for good measure, we've inserted another 

menu item just before the final Actual Pixels 
command, this one being Fit On Screen, also from 
the View menu. Now our Action will end by filling 
the screen with the document window, then 
zooming back out to 100 per cent for clarity. 


Part 4: Batch processing 


Trigger Actions across a number of images at once... 


Limited Actions 


Only ticked commands in an 
Action will be carried out, so if 
you want to exclude certain 
commands from an existing 
sequence without having to re- 
edit it, just untick those items in 
the Actions palette. To trigger just 
asingle command from an 
Action, hold down the Ctrl 
(Windows) or Command (Mac) 
key and double-click on its name 
in the Actions palette. 


Save sets 


Whether creating brushes, 
shapes or actions, remember to 
save them using the Save 
command in the relevant palette 
or Options bar pop-up menu 
These custom creations wont 
vanish when you exit Photoshop, 
but saving them to your hard disk 
is insurance against accidentally 
deleting them or applying a 
palette's Reset command. Saved 
brushes, shapes and actions can 
also be shared with colleagues. 
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1 | Photoshop's Batch processing function is an 
extension of Actions, letting you apply a 
selected Action to large numbers of images rather 
than expecting you to open, change and save them 
one by one. To start, click on Automate under the 
File menu and choose Batch from the sub-menu. 
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4 | Choose a Destination for the image files after 
the Action has been applied. Again, it's easy to 
manage if you select Folder from the Destination 
pop-up. Choosing None leaves the images open in 
Photoshop, while Save And Close saves them back 
to the same location with the same file names. 
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This batch can now be run straight away. If, 

however, you'd like to run the same batch on 
more than one occasion, you can save it as a 
‘droplet’ icon on your desktop. Click on Automate 
under the File menu and choose Create Droplet 
from the sub-menu. 
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a The Batch dialog window looks a bit 
complicated at first, but it's broken into three 
basic sections: Play (which Action to apply), Source 
(which images to apply it to) and Destination (what 
to do with the changed images afterwards). Pick an 
Action from the Play section to begin with. 
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G By default, the Batch command always saves 
images to their original file format. If you want 
to incorporate a format conversion (such as TIF to 
JPG), you need to include this in the Action itself. 
Then tick Override Action “Save As" Commands as 
shown here, dismissing the warning. 


<a Bape 


| — Save Droplet in i) : 
(Cros) actors WOsiers.Aty batch folders Groot a 


Sy 
Set ( Default Actions.atn 3 
‘Action: {Shrink + Posterize i} 
Override Action “Open” Commands. 
SD include Alt Subfolders 
CG Suppress Color Profile Warninas 


[- Destination: — 


Override Action “Save As” Conv 


—— File Naming 
Example: MyFe git 


Errors: {Stop For Errors a 


(Save Rs 


8 | The Create Droplet dialog window looks 
exactly the same as the Batch window, and the 
same rules apply. However, it's probably more 
appropriate this time not to specify a particular 
destination folder - if it gets deleted at some point 
in the future, the droplet won't work any more. 
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a A good habit to get into is to put all the 


images you want to change into one folder - 
it's easier to manage that way — so choose Folder 
from the Source pop-up window. Click on Choose 
and locate the folder itself. If appropriate, tick 
Include All Subfolders. 
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Regardless of whether you're changing the file 

format or not, it's a good idea to alter the file 
names in order not to confuse yourself later on with 
dual image versions with the same name. You can 
automate the renaming process using the pop-up 
lists shown here. 
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9 | Click OK and give the droplet a name and 
specify where to save it to. This way, you can 
apply custom Actions en masse to any group of 
images at any time simply by dragging their file icons 
over and dropping them onto the droplet icon. FEES 
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Colour management 
with digital cameras 


How do you colour-manage images that have no colour device 
profiles? Sort out your digital camera concerns with Photoshop's 
profile assignment features... 


igital cameras represent a 
loose link in the digital 
colour management chain. At 
the same time, they make 
colour management simpler by removing 
several intermediate colour conversion 
steps — film, development, scanning — 
along the way. The technology for 


normalising the input from digital 
cameras is still to be established, but 
Photoshop can help bind these devices 
into a proper managed system for 
photographers and prepress alike. 
Unlike scanners, digital cameras 
don't capture images with a consistent 
light source of a specific hue or quality. 


Asa result, you can't produce a 
meaningful |CC-compatible colour 
profile for a digital camera: it would only 
be valid for the precise, identical 
weather or studio conditions on which 
the profile was based. The most that can 
be done at the moment is for the 
manufacturer to calibrate the camera > 
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ColorSync Utility - Profites 


se By 


Profile First Aid Prafiles. 


Installed ColorSync profiles: 


f » /System/Library/ColorSync/Profiles 

¥ /Ubrary/ColorSync/Profites 
AgfaProof 
BINUSCAN GENERIC 
Binuscan RGB 
binuscan scanner profile 
bisrgb2.ice 
Canon S830D AGD 1102.icc 
Canon $900 AGD 1102.icc 
Canon $900.icc 
Canon $9000 AGD 1102.icc 
CMYK Printer Neutral 
Colorart 
ColorMatch 3.01 - SWOP Ink, Sheet! 
Cromalin } 

> /Displays 


Epson SP925 AGD 1102.icc 
Epson SP950 AGD 1102.icc 
Euroscale_Coated 
Euroscale_Newsprint 
Eurascale_Uncoated 

Flexo 

GCR 220 

GCR 230 

GCR 240 

GCR 250 


Profile Information: 


Name: Epson P2100 AGD 1102.icc 
Path: /Library/ColorSync/Profiles/Epson SP2100 AGD 1102.icc 


Class: Output 
Space: RGB 
PCS: Lab 
Version: 2.2.0 
Created: 19 Nov 2002 19:43:01 
Size: 1,091,072 bytes 


Lab Plot: 


Mac OS X users can view and rotate 3D models of the colour space supported by any ICC profile 


using the ColourSync Utility (Utilities folder). 


as best it can in the knowledge that the 
images are destined to be viewed, edited 
and printed starting from a generic RGB 
colour space. 

One solution to hit the market a 
couple of years ago was Print Image 
Matching (PIM) from Epson. A PIM- 
enabled camera embeds information 
about the camera settings into the photo, 
such as exposure, focal length, and white 
point. Then a PIM-enabled printer can 
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O'Hara shows how to create 
| impressive presentations 


@ Mone MORE 


Epson's Photo Expert site at [w] www.photoexpert.epson.co.uk provides tutorials, case studies and 
galleries, many of which are aimed at generic digital camera users. 


apply automatic colour corrections and 
image enhancement based on this 
information on the fly as the image is 
printed. You can even activate the PIM 
enhancements as you open these photos 
into Photoshop, for printing to any 
printer you like. We show you how at the 
end of the following tutorial. 

This approach is based on the more 
widely supported EXIF 2.1 standard. EXIF 
is a file format based on compressed 


JPEG, as published by the JEIDA 
organisation and used in just about every 
current digital camera in the world. EXIF 
allows for basic information about 
camera settings to be embedded into 
the header of photo files. You can view 
the EXIF data for your digital camera 
images using the File Browser window or 
File Info command in Photoshop. 

Since EXIF information is merely 
metadata rather than comprising actual 


Colour Confidence 


Full-scale colour management Profile? for opening digital images 


throughout the studio has that don't have any embedded 
recently become a great deal profile. This feature gives you a 


easier — and cheaper — to preview of how applying a new 


achieve with the arrival of the profile will affect the image ina 


Select ‘Measure’ and read in 
Linear patches starting at 


Colour Confidence suite from comparative four-paned window. ‘column 1, 


TypeMaker. Instead of spending Acompanion Print Profiler 


Reset will remove all existing 
readings from chart. 
several thousand pounds on package (still in final beta as we 


bespoke systems orhiringateam  wentto press)enables you to print 


of colour consultants, you can at 
last do it yourself with no 
specialist skills and an outlay of 
just a few hundred quid. 

Colour Confidence is a 
modular range, the main £395 
(exc VAD Studio package 
principally comprising a Monitor 
Profiler utility, a hardware 
colourimeter, and a test image file 
with a reference print. It also 


includes a utility called What 


copious calibration sheets, then 
read the patches back in with a 
spectrophotometer to create 
custom ICC profiles for every 
printer and every grade of paper 
stock you use. You can output the 
test image and compare it to the 
reference print to check if the 
profiles are accurate enough, and 
re-profile the printers as required. 

You can contact TypeMaker 
on [t] 0121 604 1234. 


Having output swatch sheets, Print Profiler enables you to take readings 
back in through a spectrophotometer, so building the colour space 
definition for a custom ICC profile. 


corrective instructions or colour space 
descriptions, it can only be used to 
inform other software or instruct other 


devices. It’s therefore customary for These settings let you associate color pf) wih pour color 
“5 # (a) printer. Color profiles control the color on your printer based on the 
digital cameras to include a colour | ie Seeded el ania es ere 
space reference in their EXIF data | Automatic: Windows wl automaticaly select the best colo rf om 
ee / the fist of associated color profiles [Recommended] 
pointing to sRGB. In Photoshop 6.0 and | © Mrust —Manwly select the ded color profiel output om 


this device from the fst of associated cole profles 
Defaut colo profie: | EEOG3_3 


70, this often leads to disappointing 
results, since sRGB is a hamstrung 
colour space compared with the broader 


Color Profiles currently associated with this painter, 


working space options available in the | bah ge a 
program, such as the ubiquitous Adobe aa balsa hein 
: rosea 
RGB (1998). ‘eh a oe A) coence.cc EuroscaleUncosted.icc 
‘ = 4) CNEJPRN2.ICM Hitachi Compatible 9300K G2.2.icm 
Insimple terms, opening an EXIF an |) cne2PAN.cM 1s390,on 
. . NS121,1CC rd. 
photo will cause Photoshop to believe are Reena 
the image has an embedded sRGB : - exw Prone 
profile, which it picks up from your oe ic eeating 
system at the moment of opening. In ci 
reality, it doesn't have any profile eae 
because the camera itself is unprofiled. 
Put another way, sRGB is an arbitrary 


profile given to the camera's photos, 
and you need to pick a better one if 

you want a better looking image. The 
tutorial here explains how to do this, 


Under Windows 98 and later, the ICM colour management system enables you to select multiple ICC 
profiles for your printer, then choose one as the default. 


and how to manage the relationship a proprietary fashion compared to EXIF’s controllable on professional devices and 
between a working on-screen colour open standard. Since both PIM and EXIF in Photoshop. Colour management on 
space and a printer colour profile, all are incommon use, we've covered them digital cameras still has a long way to go. 
within Photoshop. together here, but expect these 

This re-application of a more technologies to continue developing BS 
appropriate profile than the one over the next few years. It should 
suggested by the raw EXIF header is become automatic on consumer 
effectively what Epson's PIM does but in cameras and printers, and more 


Part 1: Assign the right profile 


Convert your image to a specified colour profile... 


Ignore EXIF plug-in 


If you want to set up Photoshop's 
Colour Management Policies 
not to prompt you every time 
there's a profile mismatch, you 
can still get Photoshop to ignore 
the ‘embedded’ sRGB profile 
when opening EXIF images and 
apply the default working space 
instead. Just install Adobe's 

free Ignore EXIF Colour Space 
plug-in. Download it from 

[Ww] www.adobe.com/support/ 
downloads/detail jsp?ftpID=18 
81 (Windows) or from 

[w] www.adobe.com/ 
support/downloads/detail jsp?f 
tplID=1882 (Mac). 
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1 PA My Received Files 


¥CbCr Positioning Centered 
Exposure Time 130 sec 
F-Stop 25 
Exposure Program Normal program 
150 Speed Ratings 100 
ExifVersion 0220 
Date Time Original 2002:12:04 21:06:27 
Date Time Digitized 2002:12:04 21:06:27 
Components Configuration Unknown 
Shutter Speed 1.29 sec 
Aperture Value 3) 
Brightness Value -590 / 256 
Exposure Bias Value 0.0 
Subject Distance 0.3m 
Metering Mode Center Weighted Average 
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| Cbesturate Monitor Colors By: 
i Blend RGB Colors Using Gamma: [1.00 | 


Description —— a 

Color Management Policies: Policies specity how you want colors in 3 
particular <tlor model managed. Policies handle the reading and embedding of 
color profiles. mismatches between embedded color profiles and the working 
‘Space. and the maying of colors from one document to another: 


Light Source Standard Light A 
Flash undefined valve 


Focal Length 20 mm 
FlashPix Version 0100 

EXIF Color Space sRGB k 
Pixel X Dimension 2272 
Pixel ¥ Dimension 1712 


’ 


@ Press Ctrl-Shift+K (Windows) or Command-Shift+K to open Photoshop's 
Colour Settings dialog window. For this tutorial, set the RGB Working Click OK to close the Colour Settings window, and then use Photoshop's 
Space as ‘Adobe RGB (1998)', and Colour Management Policies for Profile File Browser to locate an image that you've captured with a digital 
Mismatches to ‘Ask When Opening’. Or just select the Europe Prepress Defaults camera. Notice in the EXIF pane that the EXIF Colour Space item indicates 
from the Settings list at the top. ‘sRGB’ as its default. > 
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Assign the right profile continued... 


Wrong profile 
solution 


If you inadvertently save an 
image with the wrong profile 
embedded, pay careful attention 
when re-opening the image later 
on. At the Embedded Profile 
Mismatch dialog window, you 
can either accept the embedded 
profile or allow a conversion to 
the working space. Once the 
image is open, you can still 
switch back to the working space 
using Convert To Profile (step 9) 
but not Assign Profile (step 5), 


By Tre cooument "HPIMCOIT JPG" nas an erbecdal coke profike 
BA, tat coms rot maton te current ASE workeg space 
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Worcng Adube FSB (1398) 
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‘Oobiscard the erpecten prafile (con't color manage) © 
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Double-click on the thumbnail in the File 

Browser to open the image. Since you've set 
Photoshop's working space to Adobe RGB (1998), 
the embedded sRGB profile is identified as a 
mismatch. Click on ‘Convert document's colours to 
the working space’, then click OK. 
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4 | When the image opens, choose the File Info 
command from the File menu. Click on the 
Section pop-up and pick EXIF to view the EXIF 
information once again. Note that even though the 
EXIF Colour Space still reads ‘sRGB’, it's not the 
embedded profile. 


Goer Manage Ths Docerrent 


MORSE Adobe RoE (1928) 
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To prove the point, close the image and return 

to step 3. Open the image as before but this 
time allow Photoshop to preserve the embedded 
sRGB profile. The result should look different. Now 
from the Image menu, go to the Mode sub-menu 
and choose Assign Profile. 


Oden Colse Manage This Document 
B] @Wworking AG. Aacte Fa (1998) 
OProfiie, | AGB E60 1960-2 


G In the Assign Profile window, the bottom item labelled ‘Profile’ should be Instead, just click on the second item labelled ‘Working RGB: Adobe RGB 


selected, with the embedded sRGB profile indicated in the pop-up list. If 
you wanted, you could click on this pop-up and change the embedded profile to 


any other that you have on your system. 


8 | You have now assigned the correct colour 
profile to the digital photo for editing. Later 
on, you can close the colour management loop by 
setting an output profile for printing. Save the 
image, then, from the Image menu, go to the Mode 
sub-menu and choose Convert To Profile. 


(1998)'. This switches the default sRGB profile to the correct working 
profile — this time retrospectively. Make sure the Preview option is ticked so you 


can see the difference this makes, then click OK to accept. 


9 | In the Convert To Profile window, the Source 
Space shows the current working profile, in our 
case Adobe RGB (1998) as before. In the 
Destination Space pop-up, choose an ICC profile for 
the printer you are about to use. You can now print 
the image accurately on that printer. 


10 | A less risky alternative to switching the 
embedded working profile for a print profile 
(steps 8 and 9) is to assign it temporarily at output. 
Choose Print With Preview from the File menu, tick 
Show More Options and choose Colour 
Management from the pop-up. 
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colour space to the print space on the fly. 


11 | All you need to do is click on the Profile pop-up under Print Space and 
choose an ICC profile for the printer you are about to use. Instead of 
replacing the embedded profile, Photoshop conducts the conversion from source 
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Whenever you configure Photoshop to use colour management then print 
out from Photoshop itself, you must disable any additional colour 

management features within your printer driver. This differs from one driver to 

the next; here, we've shown the Epson Stylus Photo inkjet driver as an example. 


Part 2: Print Image Matching 


Activate PIM enhancements as you open your image into Photoshop... 


EXIF 2.2 


This latest version of the EXIF 
standard adds extra fields to hold 
more information from a digital 
camera about the environment in 
which a photo was taken. This 
allows additional automatic 
colour correction to take place, 
along similar lines to Epson's PIM 
technology. HP is backing EXIF 
2.2 with its own printers and 
cameras, and Nikon is moving its 
camera range over to the new 
standard too. 


PIM plug-in 

Epson's Print Image Matching 
plug-in for Photoshop, as 
demonstrated here, can be 
downloaded from [w] 
www.epson.co.uk/support/down 
load/pim.htm. It's free and is 
available for all flavours of 
Windows from 98 to XP and Mac 
OS from 8.5 through to X. More 
information on how to take 
advantage of Print Image 
Matching can be found at 

[w] www. pim.epson.co.uk. 


To demonstrate Epson's Print Image Matching 

technology, obviously you'll need to work with 
a photo captured with a digital camera that supports 
it. Locate it in Photoshop's File Browser and check 
out the thumbnail and EXIF information. This image 
was taken with a Nikon CoolPix E5000. 


‘The document “Untitede 1” has an errbedted color profiie mat 
does not match the current RES workeg space. 


Embedded: EPSON REE 2001 
‘Working. Adobe RGB (1938) 


How aa you want to proceed? 


| @.Use the embended provite (instead of the working space) R 
| Oconvert document's colors to the working space 
‘ODiscara the embedied profile (don't color manage) 
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4 | Click Open. A couple of seconds later, 
Photoshop's Embedded Profile Mismatch 
dialog window appears. You can see that the PIM- 
enabled camera has embedded a special EPSON 
RGB 2001 profile into the image. Leave ‘Use the 
embedded profile’ selected and click OK. 


Geiger Laver Select Her ew Win Hep 


Don't open the image yet, though. You'll first 

need to exit Photoshop, install the Print Image 
Matching plug-in (see margin note) and then 
relaunch the program afresh. Click on the Import 
sub-menu under the File menu, then choose PRINT 
Image Matching. 


5 | The image opens. Note how the image data 
has effectively been imported into a new 
document (labelled ‘Untitled-1') rather than opened 
as a file in the normal way. But to understand what 
PIM has done, try switching back to a non-EPSON 
source profile, as explained in the next step. 
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In the dialog window that appears, navigate to 

the image we looked at earlier. This import 
dialog will only let you open images that contain 
PIM data as well as the basic EXIF information. Tick 
PRINT Image Matching Preview to see a thumbnail 
idea of the PIM enhancement. 


G From the Image menu, click on the Mode sub- 
menu and choose Assign Profile. Ensure the 
Preview option is ticked in the Assign Profile dialog 
window, then switch back and forth between 
‘EPSON RGB 2001' and ‘Working RGB: Adobe RGB 
(1998)' to appreciate the difference, FEES 
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packaging for indie and major-label clients. “I feel like I'm the fifth member when I 
get to work with a band,” says designer and co-founder, Don Clark. Bring on the air guitar... 


This Seattle-based design trio takes the rock vibe and turns it into eye-catching 


Asterik Studio 


he Revolution Smile, Pedro The Lion, and 
Zao may not be riding the mainstream 
airwaves yet but, when they catch the big 

I surf, they'll be looking as great as they 
sound — thanks to Asterik Studio. This small design 
collective, based in beautiful music-strewn Seattle, 
lives and breathes beats and riffs. Music is their 
inspiration, their passion, and their job. Since the 
company’s inception in 2000, they've been creating 
CD packaging and T-shirt designs for a motley crew of 
rock clients including The Strokes, Papa Roach, and 
American Hi-Fi. As former members of serious, 
signed, touring bands themselves, this suits the 
Asterik guys right down to their shiny iPods. 

“If you'd told me three years ago that I'd be doing 
what I’m doing right now, | wouldn't have believed you,” 
says Don Clark, co-founder of Asterik Studio. “But I’ve 
been involved in the rock scene for quite a while now 
and | started out designing CD packages for small 
hardcore bands when | still lived with my parents. I’m 
now 27, married, and stoked to still be a kid.” 


1, Joy Electric’s The Tick Tock Treasury for Tooth & Nail Records. 
“Ronnie Martin from Joy Electric wanted us to incorporate 60s 
or '70s illustrated imagery in an airbrushed Roger Dean-meets- 
Yellow Submarine kind of way.” 


2. Mae’s Destination: Beautiful for Tooth & Nail Records. “We 
created a manifestation of beauty, motion and light with depth- 
giving textures and a mysterious glowing green light. We took the 
light burst from another image and overlaid it onto the building.” 


destination:beautiful 


His friends and business partners, Demetre 
Arges and Ryan Clark, are right there with him in the 
stoked department. “It would definitely be first choice 
for me to design for anything music-related,” says 
Ryan, who also sings and plays guitar with Don ina 
Slipknot-alike band called Demon Hunter (they've 
just cut their first album). “I love my job,” agrees 
Demetre. “In the morning, when there are five great 
CDs on our playlist, a full cup of coffee on my desk, 
and we have plenty of things to laugh about. Everything 
clicks right about then.” 


Dream clients 


A lot of things have been clicking into place right now. 
Finally, big name clients such as Dreamworks, Geffen 
and Interscope records are coming onboard. Clients 
that can afford to pay big money. “We started off doing 
a lot of work for indie music,” says Don, “and that 
doesn't pay so much. Now we’re getting major label 
work, which means we can spend longer on pieces of > 


3. The Beautiful Mistake’s Light A Match, For! Deserve To Burn 
for The Militia Group Records. “The band wanted to use 
translucent paper on this release. We really had no concept, so 
we went wild with it. We wanted to give the feeling of 
hopelessness. By laying the translucent paper over the normal 
stock, a new design comes to shape. Turning each page reveals 
new twists and turns in the layout. We used plenty of vintage 
royalty-free images from our library and spent countless hours 
of scanning and colour manipulation in Photoshop.” 


4. Various Artists This Is Solid State, Volume 3.“A compilation 
for Solid State Records, an extreme/metal/hardcore label 
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based in Seattle. We wanted to give an overall creepy and eerie 
feel for this release — something that encapsulated the mood 
and feel of the artists and the music. We used photos, and plenty 
of textures and layers, to create depth and an uneasy feeling.” 


5. Pedro The Lion's Control for Jade Tree Records. “This was 
definitely one of the most involved and tedious packages we've 
ever worked on. We created all the background imagery using 
pieces of old maps, cloud patterns and some other odds and 
ends. The foreground images (the black and white people) were 
created initially in /[lustrator and then brought into Photoshop, 
where we were able to give them a distressed feel.” 


The Revolution Smile 


Asterik designs Websites for the 
indie stars of the future... 


Aside from its print work, Asterik Studios has also 
designed Websites for a number of bands including 
Papa Roach [w] www.paparoach.com, Weezer [w] 
www.weezer.com, and Demon Hunter [w] 
www.demonhunter.net. The latest site is for The 
Revolution Smile [w] www.therevolutionsmile.com, who 
are expected to break the fame barrier any day soon. 

“We had to come up with a new logo and typeface,” 
says Demetre, the Web guru at Asterik Studio. “They 
wanted something militant and army-looking in keeping 
with their name so that’s why we have the revolutionary 
star and the army-like colours.” 

For this project, Asterik primarily used Flash, 
Fireworks, and Photoshop. While the biggest challenge 
was hooking the Flash-based front-end to the huge 
database at Interscope Records, the best part was 
being trusted with the design. “We had total creative 
freedom,” says Demetre, “and | love their music. 
They're a band who are going to get a lot of exposure, so 
that was exciting, knowing that the site is going to geta 


lot of hits in the future.” 


THE REVOLUTIO} 


‘SHAUN LOPEZ 


The Revolution Smile is a band that’s going places, 
according to Asterik Studio. Asterik designed the whole 
Website, including the logo and typeface. 
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1. Joy Electric’s The Art And Craft Of Popular Music for 
Tooth & Nail Records. “Joy Electric’s Ronnie Martin was 
open to a completely different look and feel on this 
release, than on previous releases. We shot a flower and 
scanned old books to give it a weathered and vintage feel. 
Using the elements of beauty, electricity, class, and human 
effort, we came up with the concept for the CD package.” 


2. Zao’'s Parade Of Chaos for Solid State Records. “This 
was another Photoshop-heavy layout with many textures 
and manipulations. It was Zao’s last record and we wanted 
it to actually reflect that. For the burn effect, we burned a 
piece of paper and scanned it in. We used a 1.25” circle 
die-cut for the blown-off head of the man on the cover, 
and the blown-off heads of the band members. It was also 
used for the ‘O’ in Zao. | think we succeeded in giving it 
that ‘Zao is dead’ vibe.” 


3. Various Artists What On Earth?! for Tooth & Nail 
Records. “For this cover, we wanted to give it that vintage 
horror movie look, but also put our own contemporary 
twist on it. We did most of the initial illustration in 
Illustrator and then brought those files into Photoshop, 
where we gave the image more depth and made the overall 
piece more vibrant.” 
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work. It’s refreshing from a creative perspective.” 
Creative freedom is what they crave. “When a band 
comes to us and says ‘we like your stuff, run with it’ 
that’s the best type of job,” says Don. 

Asterik has a portfolio crammed with striking, 
innovative, work. The designers’ inspiration comes 
from all around them although each cites their family, 
friends, and the tunes spinning on their disc changer. 
Ryan did graffiti for ten years, and the graffiti artists 
whose work he explored back then have beena big 
influence on his work. But it’s their immersion in all 
things music that enables them to get a handle on what 
a band is about. They try to reflect this in their designs. 

“We have our fingers on so many different genres 
and are fans of many types of music,” says Don. “That 
helps us a lot. But we also see what the band wants 
first and let that guide us so that we can work smoothly 
through the process.” This has been the case with The 
Revolution Smile [w] www.therevolutionsmile.com — 
an indie band now within reach of those neon lights 
belching the words ‘big time’. They've been happy to 
let the Asterik guys get on with it, and Don and co are 
even art directing a photo shoot forthe band in the city 
of fame and fortune itself — LA. It helps that they’re 
friends with the band. Indeed, strumming their 
plectrums within the industry has been extremely 
useful for building contacts. Demetre, for example, 
knew the guys in Papa Roach before every rock fan 
did, and he'd already agreed to build their Website by 
the time they had signed to Dreamworks. 

In the midst of all the excitement is the program that 
brings their rock-fuelled visions to life — Photoshop. 

If it had a volume control, the Asterik three would 
probably have it turned all the way up to Spinal Tap 
number 11. 

“It would be hard to accomplish a lot of what | like to 
do and a lot of what our clients like to see without 
Photoshop,” says Ryan. In particular, he loves the 
endless possibilities that abound within the program. 


“| love piling up the layers and seeing what becomes 
of an image. And | love being able to take parts from 
different photos and/or illustrations and sort of 
puzzle-piece it together to achieve whatever idea is 
in my head.” 


The power of Photoshop 


As Ryan keenly points out, the key to any successful 
artistic endeavour is knowing what looks good and 
knowing how to create art that makes sense and art 
that works to meet its given purpose. Photoshop isn't 
a substitute for talent but, says Ryan, “There’s so much 
that Photoshop has to offer a designer, it would be a 
shame not to utilise something so powerful and so 
within reach.” 

There are some jobs, such as the packaging fora 
band called Dead Poetic, that Asterik completes 
almost entirely in Photoshop. But they're also finding it 
useful for finishing touches. “Lately, when I’m working 
ina program like /llustrator, | like to bring into 
Photoshop the final product as vector files and play 
with them a bit more,” says Ryan. “It seems | can 
make things come alive a little more after I’ve brought 
them into Photoshop and utilised the skills I’ve learned 
in that program.” 

So what's the secret to using Photoshop 
successfully? “Never touching the drop shadow or 
emboss filter,” says Don with a smile. “Photoshop sure 
has spawned thousands of wannabe designers.” True, 
and the cool stuff coming out of Asterik Studio might 
just spawn a thousand more. EEE 
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Andy Potts 


From Abbey Road to his own portfolio site, Andy Potts loves to play 
with images. “I labour over hundreds of layers and cups of 
coffee... in a very disorganised way,” he explains... 


enry the hoover rarely gets the credit he’s 
due. You know, he’s the vacuum cleaner with 
the smiley face and the super suction nose 
that keeps the majority of Britain's 
commercial premises dirt free. Henry is also 
personally responsible for the career of Andy Potts, 
lead designer at Abbey Road Interactive, the new 
media wing of the Beatles’ favourite studio. 

Andy had long held a dream of working with images, 
so he went from art A-Level in his native Dudley to a 
foundation in Art in Stourbridge and then a BA in 
Illustration from Portsmouth University. Then he met 
Henry in Brighton circa 1996. 

“| somehow found myself cleaning offices ina 
multimedia company in Brighton (Epic Multimedia 
Group),” Andy explains. “Watching exciting creatives at 
work while | enviously hoovered around their feet 
inspired me to find a way in, and with stubborn 
perseverance | eventually forced them to give mea 
job. The job introduced me to artworking with the 
computer, Photoshop in particular, and it opened my 
eyes as to where | could go with my illustration. Since 
then | have never looked back.” 

These days Andy spends his time creating animated 
menus for DVDs produced at Abbey Road for acts like 
So Solid Crew, New Order, Coldplay and Robbie 
Williams, to name just a few. 


Andy also does illustration work from his own site, 
Andy-Potts.com. Much of his free time is spent 
creating illustrations for print publications like the 
Guardian Guide and Weekend magazine, Time Out, 
Onboard magazine, Televisual, as well as Web 
presences like Beast magazine and Pixelsurgeon. He 
also lends a hand to design outfit Deadfast, who 
helped him put his Website together. 

Andy’s hardware of choice is a PowerMac G4, 
1250MHz dual processor with 1.5GB of RAM and an 
iMac, though he's careful to add that he’s not an ‘Apple 
Nazi’, being quite happy to work on PCs too. In terms 
of software, most of his effort goes into Photoshop and 
After Effects, but his experience means he’s fluent in 
Flash, Flint, Illustrator and Infini D. 

“Photoshop and After Effects are my joint favourites, 
mainly because I’m pretty much co-dependent on them 
and together they offer enormous potential,” says Andy. 
“The similarity of tools in each package is reassuring 
and the layer-blending effects are really useful as | can 
achieve the same look in AE that I’ve created in 
Photoshop. | can always find some fresh approach in 
each package and constantly surprise myself.” 

Andy finds inspiration for his work from a number of 
sources including science fiction, pop art and punk. 
Also in the mix are comics and retro-kitsch imagery, 
all given a sense of humour and spontaneity. > 


E-postcards from the cutting edge 


Having a ball in Photoshop... 

When MP3.com needed a number of summer-themed 
e-postcards, they turned to Andy Potts. Andy then 
turned to Photoshop. 

The items are based on odd photographs combined 
with a little image manipulation. The cricketer, for 
instance, is simply a standard picture of a batsmanina 
spot of bother from a tricky delivery. Andy used the 
Lasso tool to extract the hapless sportsman and filled 


the top part of the image with flat colours, using a 


number of layers. Paths were used for finer details, such 


as the darker outlines and footwear. 

“After filling out the shapes, I'd apply a paint daub 
filter to the original photograph then layer it above with a 
Soft Light to subtly texture the flat colours beneath,” he 
explains. “I'd then outline the whole thing to give a drawn 
feel and design a suitable background and message. The 


wicket and ball were all created in Photoshop.” 


Andy Potts was commissioned to create a series of summer 
e-postcards for [w] ukmp3.com. He used various effects in 
Photoshop to manipulate original photographic images. 


1. This image, called ‘Healthy on the Inside’ 
was created for The Guide in the Saturday 
Guardian for an article about prison fitness. 
The character combines photographs of two 
different people, one being Jaz Hoyt from 
Andy's favourite television programme, Oz. 
It's made up of /llustrator-drawn elements 
and lots of layer blending, with textures of 
concrete blended onto flat colours. 


2. When his girlfriend took a trip to 
Morocco, Andy scanned one of her photos, 
as well as one of her mementos — a napkin — 
and came up with this image. /llustrator 
handled the type, with a little 3D extraction 
of course. The colours around the waist are 
based on the Pantone colour charts you get 
in the Photoshop colour picker. 


Profile Andy Potts 1 
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| Profile Andy Potts 


1. This band poster, done in 
collaboration with Deadfast 
Design, features a Lomo 
photograph combined with 
Illustrator linework and some 
hand-drawn doodles and flame 
elements. Andy says it’s a bit of 
a departure from his usual style. 


2. It’s all about a computerised 
oven that goes haywire and fries 
unlimited eggs in this piece for 
the Sunday Times magazine's 
Bookwise quiz. It features 3D 
courtesy of /nfini-D as well as 
hand-drawn sketches for the 
face and black cloud coming 
out of the top. 


ticketline: 
Bush Hall, 310 Uxbridge Rd, London, WI2 TL) 


wew.meandbobby.com www.sarangiliespie.com 


3. The emotional stress caused by travelling 
is the basis of this piece for the Guardian's 
Weekend magazine's Spirit section. It 
features two photographs blended with 
Illustrator elements. Filter effects like Motion 
Blur and Paint Daubs were used on the skin 
textures. The postage watermarks were 
scanned in for an airmailed postcard feel. 


4. This is taken from an illustration done for 
the Creative Review's DVD 04. It was themed 
around the body and split into three sections: 
Load, Play and Eject. Photoshop visuals are 
imported into After Effects, characters are 
the work of Poser, while Amapiand Infini D 
provide other 3D effects. 


Tickets avaliable now - only ES from the Bush Hall i 


Shepherds Bush tude, buses 207, 260, 263 and 27 


“| keep my eye open to random visual inspiration 
and imagery wherever | am,” Andy continues. “A good 
shot ina film, a piece of architecture, a bit of graffiti or 
print, an imperfect photo, signage, odd ephemera, 
textures or postcards. We are surrounded by design 
and it’s all up for grabs.” 

He also looks to the Internet to learn about the 
latest design trends, though he’s wary of being caught 
up in the latest style fads. As much of his illustration 
work is used in print, he also reads copy to spark 
ideas. Shynola, Designers Republic, Joe Magee, Andy 
Martin, David Hughes, Andy Warhol, Francis Bacon, 
David Hockney and David Lynch are all in his 
influences check list. 


Organised chaos 


In terms of his working practice, he creates his 
illustrations in Photoshop. He sketches or finds an 
image, which is then scanned. He then works out a 
rough visual digitally, blocks out the composition, 
colours, places and shapes until he’s happy with the 
concept. “Then | labour over hundreds of layers and 
cups of coffee trying to achieve the right balance of 
elements in a very disorganised way.” 

Within Photoshop, he tends to use masks, the 
Lasso tool, paths and layer blending the most. In order 
to get the look and feel right, there’s also plenty of 
adjustment to levels and colourrange. He makes 
clear that all manipulation is done with a mouse rather 
than a Wacom tablet. 

“If | use filters then it’s a combination of them to 
achieve an anti-filter look that doesn’t betray its 
origin,” he says. “I don’t like an effect to obviously look 
like a filter but | do use motion blurs, cut-out and paint 
daub effects to get a painterly look. | have been known 
to use layer effects like drop shadow and bevelling, 
but don’t tell anyone.” 

And what advice can Andy Potts, hoover hero, 
illustrator extaordinnaire, DVD designer and Photoshop 
freak offerto the next generation of digital designers? 

“Realise that the creativity is in you and not the 
software, and approach Photoshop like any other tool,” 
he recommends. “Don't come to the software 
expecting it to do all the work for you. Have a visual 
goal in mind then have fun trying to get there and don't 
go filter crazy. It's easy to fall into the trap of abusing 
certain tools and getting complacent. Try to find a 
style and direction you're comfortable with and don’t 
lose a sense of perspective on the technology. And 
look to other sources for inspiration.“ 

Perhaps he should add to that, don’t be afraid to 
clean up after designers. It could lead you to a long 
and successful career in the creative industries. Just 
ask Andy Potts. EEE 
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Feature Book reviews 


BOOK REVIEWS 


PHOTOSHOP 7 TRADE SECRETS 


Price: £28.99 


he amount of useful information 

that you'll extract from this book 
will depend on how long you've been 
using Photoshop. 

If you’re a Photoshop veteran, you may 
already have stumbled across many of 
the shortcuts in these pages. However, 
new and intermediate users will improve 
their efficiency, enhance the accuracy of 
their work, and above all deepen their 
overall knowledge of the program. You'll 


Author: Janee Aronoff et al Publisher: Friends of Ed 


need a good basis knowledge of the 
program though, because the book 
doesn't explain any general techniques. 

There are eight chapters, and those 
covering making selections and handling 
layers are outstanding — and almost 
worth the price of the book in 
themselves. Later chapters cover 
retouching, image correction, Web 
graphics, and some special effects to 
flex your muscles with. 


ISBN: 1-90345-091-8 


This is a book to be dipped into from 
time to time when you need to get 
yourself out of a corner you've painted 
yourself into. Advanced users may find 
nuggets of information, but it's the 
intermediate user who will benefit 
most from the inside knowledge 
that this book provides. 


VERDICT 3.5/5 


PHOTOSHOP 7 & ILLUSTRATOR 10: create GREATADVANCED GRAPHICS 


Price: £28.99 


A ike Photoshop, Painter and 
i Illustrator reviewed side-by-side 
in issue 35 of Computer Arts Special, 
this manual illustrates the synergy that 
exists between Adobe's two powerhouse 
applications, and offers solid advice on 
their strengths and weaknesses as well 
as how a closer relationship between the 
two can be developed. (We look at the 
strengths of their current relationship in 
our feature starting on page 8.) 

The first two chapters cover the 
theory of setting up each program to 


Author: Dave Cross et al Publisher: Friends of Ed 


its best configuration before moving 

on to look at how to maintain file and 
colour compatibility between each 
application. Later chapters cover layers, 
masks and channels, with type 
completing the theory. 

From chapter four, theory is put into 
practice with the first of three project- 
based tutorials that illustrate how both 
applications bring their own unique 
strengths to each project, and, more 
importantly, how they can be integrated 
to produce the finished design. 


ISBN: 1-90345-093-4 


There's a lack of colour in this book 
and an absence of example files 
to experiment with. However, 
the detailed discussion of the 
relationship between these two 
programs is credible and useful. If 
you have both programs but still 
treat them as separate entities, this 
book will show you that they have 
much to offer each other. 


VERDICT 3.5/5 


THE ART OF PHOTOSHOP 


Price: £36.50 Author: Daniel Giordan Publisher: Sams 


t's rare to find a Photoshop book 

that covers the practicalities of 
the program as wellLas the aesthetics of 
the images produced. The author 
describes this book as: “A Photoshop 
book for designers — one that resonates 
ona visual and artistic level while still 
delivering valuable information about 
image design and Photoshop 
techniques.” 

Opening with a gallery of images that 
are later deconstructed within the 
Photoshop environment, the large format 
of the book is used to its best advantage 
to illustrate each image, but then to 
explain the practicalities of achieving 
the effect in each piece of art. 

Over four self-contained sections, 
the subjects of image handling, editing, 


montage and special effects are all 
covered. Each of these general features 
is divided into more concentrated 
discussions such as how to use the 
silhouetting and extract feature within 
chapter three on montage. You do get 
the impression of a hands-on tutorial 
without actually having access to the 
images or the elements themselves. 

There's no doubt that this is a 
different kind of Photoshop book. It 
attempts, and admirably achieves, its 
author’s aim: to show that images 
created in Photoshop are just as 
aesthetically valid as any created with 
traditional media. 


VERDICT 


ISBN: 0-672-32270-6 


4/5 


ABSOLUTE BEGINNER'S GUIDE TO PHOTOSHOP ELEMENTS 2 


Price: £13.99 Author: Lisa Lee 


hotoshop Elements 2is now an 
even more capable package 
that holds its own against its older 
brother, and even has a few extra tricks 
up its sleeve. 

As an overview of this program's tools 
and features, this book is accessible and 
offers a tool-by-tool analysis of what 
can be achieved with the package. It’s let 
down by the lack of colour, which should 
have been present in the chapters on 
handling colour. That aside, this is a 
competent and comprehensive manual. 

Beginning with the ubiquitous 
walkthrough of the work area, early 
chapters look closely at how to 


Publisher: Que 


customise the package and import 
images for manipulation before printing 
them out. Later chapters look at the 
package's more exciting features. 
Photoshop Elements 2 doesn't have 
all the features of the full package, but 
does sport some unique ones of its own 
such as the Red Eye Brush tool or the 
Quick Fix window. For those who don't 
need the full gamut of editing tools, 
Elements is a cost-effective option. With 
this book in hand, you'll be able to 
explore all the features it has to offer. 


VERDICT 3.5/5 


ISBN: 0-789-72831-1 


USING ADOBE PHOTOSHOP 7 


SPECIAL EDITION 


Price: £36.50 


Authors: Peter Bauer & Jeff Foster 


Publisher: Que 
ISBN: 0-789-72760-9 


o book could ever hope to 


adequately cover every aspect of 
Photoshop 7, but this addition to the 
Special Edition series certainly tries. 
Aimed at the intermediate to advanced 
user, beginners should look elsewhere 
for a good basic overview of Photoshop's 
features before tackling this. 

If you’re upgrading from an earlier 
version, chapter one is comprehensive 
enough to show you what's new and how 
this integrates into the features and tools 
that you’re already used to. The rest of 
the book then looks closely at every key 
tool within the Photoshop armoury, 
grouped together in generic chapters 
that cover prepress, image composition 
and retouching as well as 


images for the Web and more advanced 
topics such as JavaScript, Actions and 
efficiency tips and tricks. Information on 
how Photoshop can be integrated with 
Illustrator is also included. Page layout 
programs like Quark and animation 
packages such as Flash and LiveMotion 
are also featured. 

This is not a manual of tutorials but a 
comprehensive reference work. As such, 
it cannot hope to cover each tool, 
technique or feature in any great depth. 
However, if you’re looking for one book 
that you can dip into when the need 
arises, this book will more than satisfy. 


VERDICT 4/5 


PHOTOSHOP 7 


COMPLETE COURSE 


Price: £37.50 

Author: Jan Kabili 
Publisher: John Wiley 
ISBN: 0-764-53684-2 


nlike other tutorial-based 

manuals, this book contains just 
one walkthrough — a film festival 
brochure that is used to illustrate 
each of the key tools and features 
that Photoshop and ImageReady 7 
have to offer. 

Presented in full-colour throughout, 
early chapter offers an overview of 
what's new in this latest version and how 
this impacts on Photoshop's look and 
feel depending on which operating 
system you prefer. 

The strength of this book is in the 
clear and concise layout of each element 
of the tutorial. Masses of screenshots 
and numbered steps fill every page. 
Hints, tips and advice are 


also abundant, offering expert advice to 
improve your knowledge. 

Over the 17 sessions in this book, 
you'll be taken through the whole range 
of Photoshop techniques. As all these 
techniques are linked to one tutorial, you 
can instantly see how each tool is used 
to create the desired effect. 

All the tutorial files are on the 
accompanying CD-ROMs, but it’s the 
superb layout and the construction of 
the tutorial sessions that make this book 
shine. If you want a hands-on tutorial on 
Photoshop 7, you don't need to look any 
further than this. 
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Computer Arts Special MX — 
COSB0036 

An entire issue dedicated to the MX 
applications Dreamweaver, Flash 
and Fireworks. |ndividual tutorials 
include: developing an e-zine and 
Web streaming databases in 
Dreamweaver MX; creating motion 
blur and using sound to control 
moves in Flash Mx; site prototyping 
and animation in Fireworks MX. The 
issue concludes with a big project 
that uses all three applications to 
build a virtual radio. 

CD The full version of Flix 1.0 plus 
demos of Dreamweaver MX, Flash 
Mx, Fireworks MX and Flix Pro 2.5. 


design - COSB0037 

Our complete guide to Web 3D 
shows you how to: design a 
Shockwave game, create a virtual 
multimedia player in AXEL, and build 
a screen saver in Xara 3D. We also 
have tutorials for modelling in Swift 
3D and plasma, and for combining 
film and 3D footage in Commotion. 
Plus, there’s a feature on creating a 
3D online store with spinning 
objects and a round-up of the latest 
Web 3D books. 

CD Full version of Xara3D 2.1 (PC) 
plus AXELedge, Swift 3D v2, plasma, 
Commotion demos and more. 


arts 
ilustrakon 


Learn new illustration techniques 
and styles by following our practical 
walkthroughs. Do fashion sketches 
in Illustrator, create pattern designs 
in SymmetryWorks, add perspective 
in FreeHand, combine 2D and 3D in 
Photoshop, produce vector traces in 
Streamline, make textures in 
CorelDRAW, and animate 3D images 
in FILTERIT. You can also find what 
makes the perfect portfolio, learn 50 
easy shortcuts and more. 

CD Dual demos of Streamline 4.0, 
Illustrator 10, FreeHand 10, FILTERIT 
4.1 and SymmetryWorks. 


Our comprehensive 100-page guide 
to type shows how you can create 
fonts in FontLab, design a poster and 
create raised type effects in 
Photoshop, animate type for the Web 
in Flash and produce smooth-moving 
text for your own film in After Effects. 
There's also our guide to the 30 
rules of type, an in-depth look at font 
management, stencil font design in 
Fontographer, the history and heroes 
of type, and much more. 

CD 250 free fonts, full version of 
TopStyle 2.51 Pro (PC), plus demos 
of FontLab, Fontographer and more. 


Awhole issue dedicated to creating 
games in Flash MX. Our tutorials 
show you how to make your own 
versions of gaming classics such as 
Tetris, Asteroids and Space Invaders. 
Other techniques demonstrated 
include: character animation, sound 
recording, lip-syncing, and 3D 
character creation. You can also find 
out what the experts think are the 
essential ingredients for creating a 
successful online game. 

CD Demos of Flash MX, Swift 3D v3, 
and FlashAmp. Plus a range of the 
best Flash games and extensions. 


Issue 75 — Code COA75 
Illustrating with style 

CD VideoClix 1.3 (full), free sounds, 
FreeHand 10, After Effects trials. 


Issue 76 - Code COA76 

Attik, TDR, Mill film speak out 

CD Axel 1.0 (full product), video 
tutorial on PS7, AXELedge 1.5 trial. 


Issue 77 - Code COA77 

New series: going freelance in design 
CD Fully-working 3ds max demo 
including 34 interactive tutorials. 


Issue 78 - Code COA78 

Faster results in Photoshop, setting 
up in 3D, Flash animation, InDesign 
CD trueSpace3 full version. 


Issue 79 - Code COA79 

Inside the creative mind, setting up 
in illustration, 3D in Cinema 4D R8& 
CD ImageZoom 1.2 and Amapi 3D 5. 


All back issues cost £6. Postage free in UK. Add £1 per issue for European orders. Add £3 per issue for the rest of the world. 


CALL THE HOTLINE ON: +44 (0) 870 444 8455 
or LAKE OUT A SUBSCRIPTION — see page 84 
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On sale 16 January 


Subscriptions hotline 0870 444 8680 please quote DCMHAD when order 


(Media with passion 


INTERACTIVE 
PORTFOLIO 


Includes how to: Everything you need to: 

* Create a CD interface from scratch in Director MX —_* Create a stunning portfolio Website 

e Make a stub projector for Mac and PC e Add Flash animation 

e Add pictures and protect them e Watermark images online 

¢ Prepare your files and burn your disc e Create animated buttons, and add video clips 


e Add a forum and a feedback section 


On the CD: 


e All the files and software you need to complete 
the tutorials 

¢ Director MX (demo) 

e Dreamweaver MX (demo) 


On sale Wednesday 


Updates at www.computerarts.co.uk 


Reserve your copy today 


GET IT BEFORE ANYONE ELSE erdelveryourcopyct 
or deliver your copy of 
yy Computer Arts Special to 
your door every month. 


reactor” included 


You can challenge reality, or create your own - using the new version 5,of 3dsthax, the world's number one animation 
and modelling software. Incredible new advancements boost your Productivity, improve your Realism, and expand your 
Expressiveness, including key features such as new advanced Character Tools, Integrated Havok Dynamics, award 
winning Global Illumination & Lighting, and Extended Polygonal Modelling tools, 


Support for all 3ds max 4.2 plugins and Maxscripts allowexisting users to have an instant upgrade opportunity. 


So, for a truly creative lift, get 3ds max 5... 


For product information, visit www.discreet.com/products or cll 0800 181738. 


discreet’ 


For registration to Launch Events or Training Sessions, please check 
www. discreet.com/events/emea/3dsmax5. 
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3D FOR THE REAL WORLD 


RELEASE 8 


NOW YOU'RE IN CHARGE 


CINEMA 4D has won a host of awards since it was first released on the Macintosh back in 1996. 
These include consistent top-notch ratings in MacUser (5 mice), Macworld (5 stars), Computers Arts 
(90%) and 3D World (90%) plus the MacUser Best 3D Graphics Award in both 2000 and 2001. 


Now comes the most exciting release yet. CINEMA 4D R8 contains hundreds of new features and 
product enhancements, as well as a new modular paradigm that allows you to purchase only what 
you need right now and then expand your 3D toolset as and when the work demands and the 
budget allows. So, you're in charge of what you need and when you need it. 


The core package, CINEMA 4D R8, is an extremely robust and feature-packed 3D system at a truly 
affordable price. You can enhance specific areas of your workflow with additional modules, as and 
when you need them. Initially, seven modules are available: Advanced Render, PyroCluster, MOCCA, 
NET Render, Dynamics and BodyPaint 3D. Modules can be added individually or be purchased in 
two value-added bundles: CINEMA 4D R8 XL Bundle and CINEMA 4D R8 STUDIO Bundle. 


It all adds up to the most powerful, the easiest-to-use and, quite simply, the best value-for-money 
3D package out there —a breakthrough in the way people use and think about such software — and 
that's 3D for the real world. 


© This version will make 


CINEMA 4D converts out of 


many, and the new tools and 

paradigms introduced here 

will undoubtedly be copied by 

competitors. This is a tool to be . 


reckoned with. It's fun to work 
with, easy to create with, and 
a tour de force for MAXON and 


its customers. 10/10 9 


CINEMA 4D R&8........::ccsceeeeeeeeeeteneeerereeetens 
CINEMA 4D R8 XL Bundle 
(includes CINEMA 4D R8, MOCCA, Advanced Render, Thinking Particles, PyroCluster, NET Render 3CL) 


CINEMA 4D R8 STUDIO Bundle...........secseseeseregdeenessentererensnenengteseserscnsnpersessesseecsanenenannnee® £1949 
(includes CINEMA 4D R8 XL Bundle, Dynamics, BodyPaint 3D, NET Render unlimited clients) 

' MIOCCAIMOGUIE .....000s0:atazcese,tvacdbunaenineoceeraghe-aspodg eras omaimescgenesrcreen= dBrovsnenezsscasieghoaianthanrnssse £269 
» Advanced Render Module ........:::s:cssessssssgfesesecegstesreseessnenghecsseensereaficesennescenenssnuanccsseseeenssteas £329 
Ds MacUser Thinking Particles MOduIe.........sssssssssseegplessssssestessesssssststufennennnnnsnngfonnsnnnnnnnnnnecenennenenesss4 £269 
a PyroCluster Module .........s-sscsessssssssssgesssessegstarsesssssssseapfesctsnaseceegpficsecretenessseennnnn settee aes £229 


SVVES 


© The increase'in speed and usability 


NET Render Modulle....:........:cssscccgfeeoerepaferesesseeenssuffessssesstccngffncsnsscrestersaneccenenescestectesge from £199 
Dynamics MOdule ............sscccceegfhomersntgtessersessnssyeh@ersecrecssesagfectennssercerensesentnennn tenets eet £329 
BodyPaint 3D MOdUle........saysCcvsssssesestessssnsnesttaseegbeceesssssesnaphersrnnnnnnnsssereensteseesssss tne tte te £479 


through the new interface would 
All prices SRP and include VAT. E&OE. 


be noteworthy by itself, but addin 


a whole expressions engine and a 


Call 01525 718 181 fora free CINEMA 4D R8 Preview CD 


Call Computers Unlimited on 020 8358 9471 to find your local CINEMA 4D dealer 
or visit maxonshop:com/uk for online sales 


significant price drop, and you have a 


real winner on your hands. 5/5 


MAXON Computer Ltd, The Old School, Greenfield, Bedford, MK45 5DE 


Tel 01525 718181, Fax 01525 713716, www.maxon.net, sales-uk@maxon.net 


